Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #406284

    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

    #406609

    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

    #406924

    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

    • This reply was modified 9 years, 9 months ago by Tina62. Reason: I have written something wrong
    #407192

    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

    #444900

    Thanks yigit! i forgot to tell you – its now working perfect :-)
    cheers, Tina62

    #444944

    Hey!

    You are welcome Tina62, glad we could help! Have a great weekend :)

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Delete grid background image on mobile?’ is closed to new replies.