Padding at the bottom of a sub-element menu

Hello,

I have a menu on my site, with sub-elements (cf screenshot 1, menu items).

I don’t know why, but the space at the bottom of the last element of the submenu is excessively high (cf screenshot 2).

I tried to add in the CSS child theme:

.main-nav .menu>li.menu-item-design-sized .sub-menu-dropdown{
  padding: 30px 30px 0px 30px!important;
}

But it doesn’t work.

Any idea?

Thank you.

Attachments:

You must be logged in to view attached files.

Hi,

Please, provide us your website link so we can inspect the code and check what is wrong.

Regards

Hello,

Please find bellow an access to the WordPress, as an admin.

Regards

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.basel-navigation .menu>li.menu-item-design-sized ul.sub-menu>li {
	margin-bottom: 0px;
}

Regards

Hello,

Thank you. Your code works if I put it in the Custom CSS area in Theme Settings, but not if I put it in the style.css of the Child theme, even after a full refresh (empty cache).

Do you know why?

Damn, I’m stupid.
I forgot to close a “}” of the media query just above, so the snippet of code was taken into account only for a specific media query.

So it works!
Thank you.

Great, you are welcome!

[Author]

Posts