Block invisible on Mobile device

  • Block invisible on Mobile device
    Viewing 3 posts - 1 through 3 (of 3 total)

  • tb
    Participant
    #11804

    Hi

    I want that a particular block on the website is not displayed on mobile devices. I already tried the following:

    I renamed the block id: no-mobile

    And then I put this code in the Theme Options – Advanced: custom css code:
    @media (max-width: 680px) {
    .no-mobile {
    display: none;
    }
    }

    But it didn’t work. Could you advice?


    tb
    Participant
    #11805
    This reply has been marked as private.

    Mohamed Nabil
    Moderator
    #11807

    Hi,

    I fixed it for you, there was 2 issues:

    1. The selector should have been an id not a class #no-mobile
    2. There was a missing “}” at the end

    Thanks

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

You must be logged in to reply to this topic.