Issue with empty space above and below mega menu

Hi ,

I’m currently using the Header Builder to create a custom menu for my website. I’ve applied a simple top border to the .whb-header-bottom container to visually separate the menu from the rest of the layout.

Here’s the custom CSS I’m currently using:

.whb-header-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.wd-dropdown-menu.wd-design-full-width {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.wd-dropdown-menu.color-scheme-dark {
  box-shadow: none !important;
  border: none !important;
}

The goal is to remove the top and bottom borders and shadows of the mega menu dropdown so that it blends better into the design.
You can see the behavior only in the specific link I shared you.

Attachments:

You must be logged in to view attached files.

Hi jeremb5,

Thanks for reaching to us.

Can you please check if you disabled IPs / Countries? I cannot access to your site https://prnt.sc/jCttd6mZv6-U

I am come from Viet Nam.

Regards,
Hung PD

[Author]

Posts