Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 1, 2017 at 3:27 pm #846888
    madisonstudios1

    I would like to see if anyone would know how to Reconfigure %’s on Grid Row Element for Mobile Only –
    I have a 1/3 – 2/3 Grid Row on my home page. I would like to hide (display: none) on the 2/3 row and let the 1/3 row be full width in that space.

    I have a Icon List element in the 1/3 that had important navigation in it, the 2/3 has a Easy Slider element in it and I want that to hide in mobile screens and leave just the icon list in that 100% space.

    The website is http://www.madisonga.org – you can view it a mobile sizes, you will see the Easy Slider element “hides” but the 2/3 space is still there… that makes the Icon List element in the 1/3 show improperly and unreadable.

    Please let me know if you can help out a Enfold WP developer on this tricky request!
    Thanks in advance for anyone’s help

    September 4, 2017 at 8:32 am #847564
    Nikko

    Hey madisonstudios1,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top.home #av-layout-grid-1 .av_two_third {
    display: none;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    September 5, 2017 at 3:54 pm #848173
    madisonstudios1

    That worked – you guys are awesome!
    That is why I keep buying new licenses of this theme… good theme, well documented, well supported!
    Chris

    September 5, 2017 at 6:27 pm #848258
    Jordan Shannon

    Hi,

    I’m glad Nikko was able to help you with this. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile Only – Reconfigure % on Grid Row Element’ is closed to new replies.