[Resolved] pageheader background image alignment

[Jasper]

I would like to set the background image so the right side remains in view on smaller screens.
Can’t figure out the css to do that.

Is there css to disable pageheader parallax view on mobile devices. The image won’t display on ipad nor iphone, android works fine by the way.

[Tom]

Can you link me to your page so I can take a look?

I believe I have the parallax bug on iOS fixed in the next version 🙂

[Jasper]

http://WWW.hands2happiness.nl
Parallax is disabled at the moment

[Tom]

The entire image isn’t able to be fully viewable on desktop and mobile – the aspect ratios just don’t allow that to happen most times.

However, adding this CSS may improve it:

.generate-content-header {
    background-position: center;
}

99% sure the parallax issue on iOS is fixed in the next version – can you explain what the issue is?

Thanks!

[Jasper]

thanks,

The parallax issue is that there is no image at all, just a grey background with the content text. I turned parallax back on so you can see (on iphone or ipad, don’t know which version)

[Tom]

Yea this is fixed in the next version.

I have a couple more things to test before release, but can send you a beta version if you shoot me an email to support@generatepress.com.

[Jasper]

check, email is sent

[Author]

Posts