This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Images do not look right in mobile version

Resolved 6 replies customizationpluginplugin-page-builder
Hank
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi,

My site looks different when viewed on a mobile device. Text sections appear above the background image, in stead of on the image, like shown on the desktop version. For example, www.demotortrainer.nl/boeken looks like it should, but the mobile version shows a black space on top:

I enabled the responsive layout in the Page Builder settings already.

How do I fix this?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 10 years, 18 days ago

    Hi Hank

    In Custom CSS you have the following rule:

    page-id-400.layout-full .panel-row-style.panel-row-style-full-width {
    padding-top: 0;
}

    Try changing that rule to:

    page-id-400.layout-full .panel-row-style.panel-row-style-full-width {
    padding-top: 0;
    background-size: cover !important;
}
  2. Hank 10 years, 11 days ago

    Hi Andrew, thanks. Changing the code doesn’t seem to work. Now, when I visit the page on my mobile, it looks like it should for 0,5 seconds and then it flips back to the previous situation.

  3. Hank 10 years, 11 days ago

    ps. it also happens on the other rows with 2 columns on which I use 1 background image, for example http://www.demotortrainer.nl (scroll down to ‘vincent gaus’)
    when I use a row with 1 column, things look right.

  4. Andrew Misplon Staff 10 years, 10 days ago

    Sorry, I’m missing a period, please, try using:

    .page-id-400.layout-full .panel-row-style.panel-row-style-full-width {
    padding-top: 0;
    background-size: cover !important;
}
  5. Hank 10 years, 10 days ago

    Yes, that works. I used the code for all the subpages as well and all the rows look good on a mobile phone now.
    Great, thanks!

  6. Andrew Misplon Staff 10 years, 10 days ago

    Super :) Glad to hear that did the trick. All the best.

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.

Have a different question or issue?

Start New Thread