How to reduce line space of the drop down menu on the main header nav menu

Hi,

When you hover on “Shop” of my website’s main header nav menu, you will see a drop down menu as the attached. How to reduce the line spaces? The elementor’s line space options are not available for this section, even though it is editable in elementor. please help.

Attachments:

You must be logged in to view attached files.

Hello,

I’ve checked your site, and the extra line spacing in the dropdown menu is being caused by the following custom CSS:

ul.wd-sub-menu li > a {
	padding-top: 18px;
	padding-bottom: 18px;
}

To reduce the spacing, you can decrease the padding values. You can remove the custom css and edit the HTML block > edit the extra menu list widget and, in the style tab, configure the line height:
https://ibb.co/G3b3mZJS

Best Regards,

Thank you for your help. It worked.

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts