Responsive Menu Icon Spacing Issue


#1

Responsive menus do not create space between menu item icons and their text labels.

The spacing is just fine in standard ‘text’ menu…

(i) Menu Item 1

…but disappears in ‘hamburger’ menu version. Makes reading the menu item names difficult and just looks ‘off’.

(i)Menu Item 1

How do I go about fixing this spacing on the responsive menu? There do not seem to be any settings for this.


#2

Hello,

Please share your site URL to check the issue.

Thank you.
Best regards,
Artbees Support.


#3

https://sandbox.bloxotic.io/

Thanks!

Matt Dahl


#4

Hello,

Please add this code in Theme Options > Advanced > Custom CSS:

#cjj3gsn9f000u3a69jem4mxdq-wrap .mkhb-navigation-resp__ul > li > a svg {
    padding-right: 20px;
}

Best regards,
Artbees Support.


#5

Thanks! Worked perfectly.


#6

You’re welcome.

Best regards,
Artbees Support.