Tagged: background Images, color section, mobile
I asked this question in another thread but wanted to separate it out per Yigit.
Issue:
All of the background images (either in a Grid Row or Color Section) that I have set to display on mobile do not display on mobile. I have been unable to find a solution that worked for this. Several pages have this problem (i.e. Home, Barrel Room, Gatherings) so it isn’t confined to a specific page. I tried inserting Image Media Elements but they never displayed properly within the page layouts, so I reverted back to using background images. It could also be due to custom css that I have added but could not identify the culprit.
-eski
Hey eskitaco,
Have you attempted to disable any active plugins to rule out possible styling conflicts with plugins?
Best regards,
Jordan Shannon
Hello Jordan,
Yes, I have disabled all plugins and the background images still do not appear on mobile.
Hi,
So on the Barrel Room page for example, you want the images that are next to the text to be displayed on mobile as well?
Best regards,
Jordan Shannon
Yes, that is correct for the Barrel Room, as well as any other background images that I have on other pages.
Hi eskitaco,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.flex_cell.no_margin.av_three_fifth {
min-height: 250px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
This appears to have fixed the issue. Thank you Victoria! Have a great weekend and please consider this ticket closed.
Hi,
I am glad Victoria was able to help you with this issue. If you need additional help please let us know here in the forums!
Best regards,
Jordan Shannon