Home>Support>Responsive problem with background image

Responsive problem with background image

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi!
For the first time I have a problem working with the Pagebuilder, usually everything works great!
I use the Vantage theme with the Themebuilder an I want a fullscreen background with some content on top of it. I gave a few rows the same background with a fixed position. When resizing the browserwindow it seems to be responsive, and everything works fine but on real devices the background becomes huge, especially when there is a lot of content. I thought it would be better for mobile devises to skip the fullscreen background but on the Ipad in landscape position it behaves like the desktop layout and the background still becomes huge. You can see what I mean on this page: http://www.theaterkwadraat.nl/reacties/
I hope you can give me some advise how to fix this problem.

Thanks in advice,
Leonie

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 9 months ago Alex S
    Hi, I Work Here

    Hi Leonie,

    Unfortunately, fixed backgrounds are disabled (by Google and Apple) on mobile devices for performance-related reasons.

    Regarding the very large zoom in. That’s an iOS issue with how they disable fixed backgrounds but oddly, that issue shouldn’t be happening anymore. To clarify, is it still happening for you? If so, what device are you testing with?

  2. 7 years, 9 months ago leonie

    Hi Alex,

    Thank you for your response. I found a solution by disabling the fullscreen background of the lower rows for mobile devices. But on landscape position on my Ipad the css behaves like the main style, not for mobile devices. For this site I’m ok now but I hope to find a solution for future projects. I’m testing on desktop pc and Imac, Iphone 5, Ipad and Google Chrome webdevelopers tool (where all functions work perfect, different from ‘live’..)

    Thanks,
    Leonie

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More