help remove a 30px gap in mega menu

Hi,

There is a 30px gap built in the theme which exists at the bottom of my drop down menu from the header. Hover on Shop button on the main header nav menu and you will see below the image there is a gap. Could you let me know how to remove this gap?

Attachments:

You must be logged in to view attached files.

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
    padding-block: var(--wd-dropdown-padding, 0px);
}

Best Regards,

Excellent. Worked like a charm. Thanks.

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