Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 20, 2020 at 5:43 am #1194713
    navindesigns

    HI,

    I created a grid row with 3/4 and 1/4

    On the 3/4 I have a cell background image only and on the 1/4 I have some text. On desktop, it looks great but on mobile the 3/4 with background image only is being hidden. Why is that? I need it be shown on mobile as well.

    site

    Building

    Thanks

    March 20, 2020 at 1:14 pm #1194784
    Rikard

    Hey navindesigns,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-162 #av-layout-grid-1 .av_three_fourth {
    height: 300px !important;
}

    Best regards,
    Rikard

    March 20, 2020 at 2:56 pm #1194799
    navindesigns

    I don’t see any change on mobile :(

    March 20, 2020 at 10:04 pm #1194955
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    March 21, 2020 at 5:01 am #1195001
    navindesigns

    still nothing on my end.

    are u seeing the change on your end?

    March 21, 2020 at 2:14 pm #1195064
    Nikko

    Hi navindesigns,

    Can you try adding this CSS code:

    @media only screen and (max-width:767px) {
  #top.page-id-162 #wrap_all #av-layout-grid-1 .av_three_fourth, 
  #top.page-id-162 #wrap_all #av-layout-grid-2 .av_three_fourth {
    height: 300px !important;
  }
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.