Space on Sub Header Menu

I’m looking to create a header submenu dropdown with full-colored background. However, when I apply the background, the submenu looks like there are gaps.

I’ve attached two screenshots. One of my intended design, and the other of the issue.

Sorry here are the images.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

Please provide the URL of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios

Hi, I attached the link for you.

Hello,

I have visited your website and there is no space on the side as you mentioned. Please clear cache and check back.

Therefore to remove the space on top try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

#menu-item-9271.menu-item-design-full-width .sub-menu-dropdown {
    padding-top: 0;
}

Regards.
Xtemos Studios

Thank you, what is the code if I want it to apply to the other sub-menus?

Hello,

You are Most Welcome.

If you want it to work for all mega menu dropdowns then replace the previous Custom CSS with the following in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.menu-item-design-full-width .sub-menu-dropdown {
    padding-top: 0;
}

Regards.
Xtemos Studios

[Author]

Posts