I’ve replicated this issue with Grid Rows and Color Sections. On Tablets, the background images don’t show up, or they show up inconsistently.
It’s the laptop images on the left as you scroll down the page:
Looks great on desktop and laptop. On iPad (portrait and landscape) the images don’t show up, or they show up for some sections but not others.
Thanks in advance for the help.
Nick
Hey Nick,
Are you sure that you haven’t selected to hide that on mobile in the element option? I’m asking since this CSS is applying to the element:
@media only screen and (max-width: 767px) {
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
display: none !important;
}
}
Best regards,
Rikard
I am pretty positive that is not the issue. I turned off “Hide on mobile devices” and
I cloned the home page here:
As you can see, the placeholder text “Sample Text to show up in Mobile” appears in the cell.
Still no background image.
I think I resolved the issue by setting the background image to “Stretch to Fit”.
Hi,
Thanks for the update, so everything is working as it should now then?
Best regards,
Rikard
Works great — lot of trial and error to get there — but we got there.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon