Hi,
I have a few menu items that have link images configured in the menu. They look great on the desktop, but impair menu viewing when on mobile with the off-canvas menu module.
Is there a way to responsively hide link image for mobile, ot do I need to replicate my main menu to a off-canvas version and remove the link images? I hate having two versions of my main menu.
Here is example CSS how to hide images from Mobile Menu
.offcanvas-menu .offcanvas-inner .sp-module ul > li a > img {display:none; visibility: hidden;}
.offcanvas-menu .offcanvas-inner ul.menu > li span {color: #0345bf;}This is probably the simplest solution.
Hi Allen,
You have to use advanced Custom CSS for that, it's the only way, if the same menu must be used.
You are a wizard! Thanks.