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.