Problem with parallax

Illdy
1

Hi eveyone,

I have the last version of Illdy and I’m working with MAC. if i activate the parallax in jumbotron, the image header change the resolution. It put the image bigger than normal size. My image size are 1920 x 532 it fix perfect if i don’t use parallax efect. But i love the parallax efect and i would like to activate it.
how can i fix the problem ?
Thank you for your response!!

2

Hi,

Could you please send us the livewebsite so we can check?

Thanks,

Cristian

3

Hi Cristian,
thank you for your answer.
I’ve just activate the Parallax effect on header image on my website.

Now, if i check my website on an Iphone or Ipad it change the size, like “zoom effect” and i can see very horrible on such device. On my computer Mac we can see the image “zomming”

Thank you so mch for your help
Corine

4

Hi @cocoflamenco,

Try to use this css code:

@media only screen and (max-width: 1024px) {
#header {
background-attachment: initial !important;
}

Thanks,

Cristian

5

Yes it fixed it! perfect, thank you so much for answer tan quickly!

6

You’re welcome, glad that it helped.

Thanks,

Cristian

7

Hello Cristian,

Hope you’re fine.

i’ve just seen that i still have this weird effect on my header image in normal computer. I mean i can see perfect on Ipad o Iphone but on my computer (iMAc) i hace the image like in a bigger size than normal.

You can see it there:

My header image are 1920 * 532 size.

Is it possible to fix it?

Thanks you in advance!

Have a good day

Corine

8

following

9

Hi @cocolflamenco,

Could you send us a print-screen on how it is shown on mac?

Thanks,

Cristian

10

yes of course!

I send you 2 captures, one is how it is right now, and the second is how it should be (i change it manually in the html code)
thank’s!

11

it should be always as in the second capture… i don’t know why it is like “zooming”…

12

Hi @cocoflamenco

Try this css code:

.zoom {
zoom: 150%;
}

13

thank you for your answer.

I tried it but it still the same.
I tried to resolve it with:
#header {
background-attachment: initial !important;
}

But i’m not sure it’s okay in big screen. Mine is 1280 px. I cannot see what happen in 1600 o 1920px size screen.

Do you think it’s okay with this css code in all computer?

Thank you

14

Hi @cocoflamenco,

As I see now on MAC it shows like in the attachment, so I think with that code that you mention you solved it.

Thanks,

Cristian