Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #768412


    I’m wondering if there are ways to hide certain rows/sections on mobile vs. desktop similar to visual composer. In particular, I’m trying to hide the ‘ Image Hotspot’ element on mobile and am wondering how to do so on a particular page.

    Can you please advise?

    Please let me know if you need any additional information

    Thank you


    Hi Marketopia2014!

    Yes you can do that
    You can create a custom class, that you can apply to the elements you want to hide on each screen size
    Here is how media queries work

    Let us know if you have more questions



    Thanks Basilis! Can you please tell me what the CSS would be to hide the ‘Hotspots’ Section on mobile?




    To hide the Hotsposts section, add the custom CSS code below at Enfold Theme Options > General Styling > Quick CSS

    @media screen and (max-width: 578px) {
        .av-fullwidth-hotspots  {
           display: none !important;

    Best regards,
    John Torvik


    Awesome, it worked! Thanks so much John and Basilis for all your help.

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

The topic ‘Hide Rows/Section/Elements’ is closed to new replies.