Desktop menu buttons often appear too large on mobile. Hiding them with Elementor’s Advanced Responsive settings removes the links on mobile. Instead, use these two CSS snippets to hide menu items on desktop while keeping links visible on both mobile and desktop.

Want to know how? Then watch my video tutorial here:

If you are working with the Elementor’s own (new) Menu Widget

#signup {
display:none;
}
@media screen and (max-width: 767px) {
#signupbutton {
display:block; }
}

If you are working with the (original) WordPress Menu Widget in Elementor

@media (min-width: 767px){
.newsignupbutton{
display: none !important;
}
}

And that’s it, hope you find this very useful.

Note: If you’re looking for a professional WordPress Website Designer to help you create a beautiful and functional website, contact me today. I’ll work with you to create a custom design that meets your needs and helps you achieve your goals. 

Contact Me Via WhatsApp: https://wa.link/yxvfpd 

Call: +2347039301814