Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 28, 2017 at 8:11 pm #768412
    Marketopia2014

    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

    March 28, 2017 at 10:56 pm #768497
    Basilis

    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

    @media queries Responsiveness

    Let us know if you have more questions

    Regards,
    Basilis

    March 28, 2017 at 11:11 pm #768501
    Marketopia2014

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

    Thanks!

    March 29, 2017 at 7:37 am #768626
    John Torvik

    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

    March 29, 2017 at 2:57 pm #768845
    Marketopia2014

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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Hide Rows/Section/Elements’ is closed to new replies.