How Can I Hide A Link Image In The Off-canvas Menu? - Question | JoomShaper
Back to the questions

How Can I Hide A Link Image In The Off-canvas Menu?

A

Allen

Helix Framework 8 months ago

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.

0
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 8 months ago #183366

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 8 months ago #183365

Hi Allen,

You have to use advanced Custom CSS for that, it's the only way, if the same menu must be used.

0
A
Allen
Accepted Answer
8 months ago #183367

You are a wizard! Thanks.

0