Public Forums 71,145 posts

[blue_shift Friend blue_shiftJoin date: August 2017Posts: 6Downloads:48Uploads:0 Thanks: 1 Thanked: 1 times in 1 posts]

#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 6 years, 11 months ago by  blue_shift.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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

1 user says Thank You to Pankaj Sharma for this useful post

1. blue_shift

[blue_shift Friend blue_shiftJoin date: August 2017Posts: 6Downloads:48Uploads:0 Thanks: 1 Thanked: 1 times in 1 posts]

#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 Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1084357

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

Regards

[Author]

Posts