Extra space below item in drop down menu with SVG Icon

Hello,

We are having some problems with extra space appearing below menu items in the categories dropdown… If we reduce the length of text it seems to help – but as you can see even for shorter menu name it still is adding extra height.

Thanks for your help!

Attachments:

You must be logged in to view attached files.

Hello,

You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard.

Best Regards

Ok – thanks. That seems to have made it very small… Is that the maximum width/height? 31px for width and 40px for height?

Hello,

31/41 – are just a smaple value, you can set yours as per your needs.

Best Regards

whenever I remove the spaces whether the text long or short the space below the category disappears.

Hello,

You see some of the icons are located properly, as they have the width inside SVG. https://prnt.sc/106tr9z

This image has the width https://prnt.sc/106tx2band reflected correctly.

Please follow the instruction provided above.

Best Regards

[Author]

Posts