Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 8, 2017 at 4:56 am #835671
    dorikoren

    I am trying to hide the color section from mobile devices using an ID# but the code is not working. How do I hide the color section from the homepage that includes the animated numbers?

    August 9, 2017 at 4:45 am #836118
    Rikard

    Hey dorikoren,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home #34343 {
  display:none !important;
}
}

    Best regards,
    Rikard

    August 9, 2017 at 1:59 pm #836393
    dorikoren

    Hi Rikard, I added the code but it’s still not working. Not sure if it’s because the section includes animated numbers. Any other ideas?

    August 9, 2017 at 5:01 pm #836497
    Jordan Shannon

    Hi,

    Have you cleared your cache a few times over? Also, make sure you add this to the very top of quick css. This way it runs first.

    Best regards,
    Jordan Shannon

    August 22, 2017 at 7:22 pm #842718
    dorikoren

    I have tried clearing the cache and moving the shortcut to the very top of the quick CSS but the color section with the animated numbers is still showing on mobile devices. Anything else I can do to resolve this?

    August 22, 2017 at 7:35 pm #842724
    Jordan Shannon

    Hi,

    Remove the original css we gave you and replace with this:

     @media only screen and (max-width: 767px) {
.home .avia-section.main_color.avia-builder-el-47 {
  display:none!important;
}
}

    Best regards,
    Jordan Shannon

    August 22, 2017 at 8:06 pm #842738
    dorikoren

    Thank you!

    August 22, 2017 at 9:01 pm #842762
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Help…Hide Color Section from Mobile’ is closed to new replies.