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
9 years ago · Last reply by Andrew Misplon 9 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 9 years, 9 months 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 9 years, 9 months 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 9 years, 9 months 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 9 years, 9 months 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 9 years, 9 months 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 9 years, 9 months 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