Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 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

    #847564

    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

    #848173

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

    #848258

    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

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

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