Navigation
Archive / Customizing x-hide-md
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 3, 2016 at 3:45 pm #1242877
    itstimetx
    Participant

    Hi everyone,

    I’m using the x-hide classes to display certain content based on the device size, however, I am wondering if someone can help me customize the actual css so that I can extend the width that the x-hide-md class covers. I need it to extend so that it hides elements 1024 pixels and under (iPad in landscape mode).

    Any council and advice is much appreciated!
    John

    November 3, 2016 at 5:53 pm #1243011
    Jade
    Moderator

    Hi John,

    Please try this:

    @media (max-width: 979px) and (min-width: 1024px) {
    .x-hide-md {
        display: none !important;
    }
}

    Hope this helps.

    November 3, 2016 at 6:46 pm #1243043
    itstimetx
    Participant

    Many thanks for responding to this. Unfortunately, it didn’t do the trick, though I assumed it would have. Any other ideas?

    November 3, 2016 at 9:07 pm #1243245
    itstimetx
    Participant

    For anyone who is interested, I ended just creating a new class to hide elements on devices 1024px wide or smaller, which so far seems to be an easy solution.

    November 3, 2016 at 11:13 pm #1243340
    Rupok
    Member

    Glad that you figured it out already. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1242877 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>