[Chris AParticipant]

Hello, I am having a strange problem with the background image of a section disappearing on mobile. On the home page, it is the full width section with a blue overlay image. When viewed on a mobile device, the background image disappears and only the text is visible. This is a problem. Any thoughts? Thanks.

URL: lighthousewa.org
Versions of theme and Cornerstone are up to date

[RahulModerator]

Hey There,

Thanks for writing in!

You can change the viewing option from the Row section itself. Kindly see attached Screenshot to do so.

http://prntscr.com/c43eex

Hope this helps!

[Chris AParticipant]

I understand that, and I know how that works but I did not select to hide the section in any setting. I have a section that has a background image and the background image shows up fine on desktop. However, on my mobile device the background image from the section mysteriously disappears and all that shows is the text. The text in that section is a light color, because the background image is dark so this is a problem. Please see this page: http://lighthousewa.org/ministries/ and look at the bottom of the page. The section that has the dark blue background image is the one I am talking about. If you view that page on a mobile device, the background image does not show.

[RadModerator]

Hi Chris,

It’s the second section right? It’s displaying fine on my phone. Perhaps it’s not yet loading on your phone?

Thanks!

[Chris AParticipant]

I have attached two screenshots, one of my desktop view and one of my mobile view. The dark blue background image from the section at the bottom of the page shows on desktop and disappears on mobile. I have tried several mobile browsers and they all have the same issue.

http://lighthousewa.org/ministries/

[Chris AParticipant]

Sorry, here is the desktop view screenshot: http://prntscr.com/c4f4xm

[JoaoModerator]

Hi There,

Another Staff Here.

Your background image is working fine on my end on my Android Phone.

Would you mind providing more information about the device and browser you are using while experiencing the issue?

Thanks

Joao

[Chris AParticipant]

I am using an iPhone 6S, I have tried Safari and Chrome, each one has the same background issue.

[JadeModerator]

Hi there,

Please try to add this code in the customizer:

@media (max-width: 480px) {
.page-id-194 #x-section-2 {
        background: url(http://lighthousewa.org/wp-content/uploads/2015/09/artarena_image_bible_table_2.jpg) !important;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

Hope this helps.

[Author]

Posts