Disable Shortcode in Mobile Menu

@tazcrzy

Can you provide more info about
1. What shortcode you’re using?
2. What menu you’re trying to prevent it from being visible?
3. From which plugin the shortcode is coming?
4. Which theme you’re using?
5. How many menus the theme has?

Just answer the ones that you know of, rest, we’ll try to figure out.

@tazcrzy

You can edit the shortcode menu item, and add a span tag wrapper around the shortcode, having class nomobile something like this:

Then in your CSS add this

@media only screen and (max-width:600px){
.nomobile{display:none;}
}

This would prevent that shortcode output being displayed in mobile menu.

In case you can’t find out how to edit shortcode once you added it, here’s how:

@tazcrzy

Sorry for the delayed reply, I usually get only weekends to check the support tickets.

About the issue, have you added the shortcode within the span as I mentioned?
<span class="nomobile">[menu-xxx]</span>

And are you certain the CSS as I mentioned is there as well?

If those two things are correct, then maybe you can try modifying the CSS like this:

@media only screen and (max-width:800px){
.nomobile{display:none;}
}

If that also does not work, then try this out:

@media only screen and (max-width:800px){
.nomobile{display:none!important;}
}

Let me know if you get it to work or not. Would be happy to help you out further if needed.