Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #846888

    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 – 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


    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,


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



    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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mobile Only – Reconfigure % on Grid Row Element’ is closed to new replies.