Spacing between menu and dropdown

Hi. On the homepage below, when one hovers over one of the menu options with a dropdown such as “Alcohol”, there are two thing that I’m trying to get rid of in the header builder but I’m unable to find in the settings:

  1. The space between the dropdown and the menu
  2. There is a fine blue line, almost identical to the background color of the menu, that appears when you hover over the menu option

Could you help us find the settings through which we could address these?

Hello There,

Thanks for writing in!

1.) Please edit your header and find the First Dropdown Margin. You will have to check your top margin.

2.) The fine blue line could also be coming to the top border of the dropdown. Please check it.

Hope this helps.

Hi RueNel,

Where are you actually seeing this? I ask because it looks like you just provided a screenshot of a different site. Ours does not have the 15px top margin.

Sorry for the confusion. It is because of your top links padding. It goes goes beyond the height of your bar so it pushes its submenu.

Reducing the top and bottom padding of your top link to 0.55em will solve the problem

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.