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

    Hi,

    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

    #768497

    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

    Regards,
    Basilis

    #768501

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

    Thanks!

    #768626

    Hi,

    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

    #768845

    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.