Category menu list line height problem.

Hi, I’m MMR Ahmad. My website URL https://protiniyoto.com

I have faced a problem when I upload custom SVG icon for a category it increases line height. But the icons are the same size.

I want to decrease line height from the category menu hove that I make using HTML Blocks.

How can I do it? Please help me

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and contacting us.

You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add height and width attributes to your <svg> tag like it is shown: http://prntscr.com/kkwzyd

Best Regards

Thanks for your support.

I want to decrease line height from category menu hover. That is to say, menu subcategories that make using HTML blocks. please help me to decrease line height.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS:

.mega-menu-list .sub-sub-menu li a, .menu-mega-dropdown .sub-sub-menu li a {
    line-height: 18px;
    padding: 9px 0;
}

Change line-height as per your needs, also you may change paddings to reduce the gaps.

Best Regards

[Author]

Posts