How to display none on follow div using mobile

Braden

I am trying to only hide ButtonGroup SubscriptionMenu on mobile,

but when i try to display none it also hides the one on desktop

Whats the proper way hiding this on mobile?

Justoverclock

Braden you need a media query

@media screen and (max-width: 600px) {
 //your none CSS
}

clarkwinkelmann

Braden what's your code?

You can use the @media @phone { media query inside of the custom Less (@phone is a Flarum Less variable containing the correct media query for the mobile viewport).

Braden

I tried using .DiscussionPage-nav>ul> and .DiscussionPage-nav>ul>li

@media screen and (max-width: 600px) {
.DiscussionPage-nav>ul>li {
display: none;
}

which didn't work

Justoverclock

Braden

@media @phone {
li.item-subscription {
    display: none !important;
}
}

Braden

Justoverclock wow 👍️ that one fixed the issue , thankssssss bro