This topic is locked

How to make sure some menu items only show on desktop or on mobile device

1/29/2021 1:39:25 PM
PHPRunner Tips and Tricks
Sergey Kornilov admin

Let's says we need to make sure that the "Log" menu item only shows on the desktop while the "Exclude" menu item only shows on the mobile device. Add the following CSS code to Editor->Custom CSS to make it happen.

@media only screen and (max-width: 767px) {

a[title="Log"] {

display: none !important;

}

}
@media only screen and (min-width: 767px) {

a[title="Exclude"] {

display: none !important;

}

}