Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • blue_shift Friend
    #1083518

    I’m trying to suppress the mainnav at 800px and below, but even though I can do it in developer tools, it isn;t working in custom css. Is there another method? (dev link)

    t3_bs3_blank / T3 v2.7.0 / J 3.8.4

    My code (and variations thereof)

    
    @media only screen and (max-width:800px) and (orientation: portrait) {
    
        .t3-megamenu > ul,
        .t3-navbar {
        display: none !important;
    }
    }
    • This topic was modified 1 year, 11 months ago by  blue_shift.
    Pankaj Sharma Moderator
    #1083565

    Hi
    you have to define the width for the both the view

    @media only screen and (max-width:800px) and (min-width:600px;) {
    
        .t3-megamenu > ul,
        .t3-navbar {
        display: none !important;
    }
    }

    So it will work for these views.

    Regards

    blue_shift Friend
    #1084306

    Actually, the problem turns out to be a missing ‘}’ a couple lines above my code. (facepalm) the second dimension isn’t required.

    Pankaj Sharma Moderator
    #1084357

    Great, the issue is fixed.
    Each code must have same no. of braces open and close.

    Regards

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

This topic contains 3 replies, has 2 voices, and was last updated by  Pankaj Sharma 1 year, 11 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum