0

so I am using elementor for developing the website and in my primary header I have the logo, Nav- menu and button. Now what I want is I want to hide a specific item of Nav-menu on desktop but make it visible on mobile view. can someone please help me with this problem?

1 Answer 1

0

You can set a CSS class on the menu item, and then in the Custom CSS feature of Elementor, define the class globally: if Elementor Pro, then follow their directions, otherwise, these directions from Kinsta may help.

@media ( min-width: 768px ) {
    .hide-if-desktop {
        display: none !important;
    }
}

WordPress nav menu interface

If this doesn't work, then you'll need to identify the selector that's competing with your style, and then change your selector to be more specific to override the existing style competing with yours.

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.