Archived topic

pageheader background image alignment

6 replies · Started by Jasper on February 5, 2016

Viewing posts 1–7 of 7

February 5, 2016 at 2:40 am #170587

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.

February 5, 2016 at 10:26 pm #170805

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 :)

February 5, 2016 at 11:04 pm #170836

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

February 6, 2016 at 4:11 pm #170996

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!

February 7, 2016 at 12:46 am #171045

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)

February 7, 2016 at 11:48 pm #171183

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.

February 7, 2016 at 11:49 pm #171184

check, email is sent

This archived topic is closed to new replies.

Start building better websites today.