Hi!
I have an issue with the mobile display, where the grid background image is showing in front of the tabs inner text content.
The tabs inner content are in Quick CSS code to be with white background color so the image below is not showing when the tab is open. It works fine on computer, but on mobile the image is in front and the text is not possible to read.
Can i remove the image on mobile devices with ALB and Quick Css?
Thanks!! in advanced
Tina62
Hey Tina62!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 769px) {
.page-id-2158 #av-layout-grid-1 .flex_cell {
background: none!important;
}}
Regards,
Yigit
Hi Yigit
Thanks! But i have 3 pages (page-id 2158 + 2201 + 2192) with the same issues, shall i just repeat your code with the different page-id?
…And now i have try your suggestion – and it dont work :-/
Cheers
TIna63
Hi!
Please change the code to following one
@media only screen and (max-width: 769px) {
.page-id-2158 #av-layout-grid-1 .flex_cell, .page-id-2201 #av-layout-grid-2 .flex_cell,.page-id-2192 #av-layout-grid-2 .flex_cell {
background: none!important;
}}
Best regards,
Yigit
Thanks yigit! i forgot to tell you – its now working perfect :-)
cheers, Tina62