Menu Bottom Border on Hover

Hi,

I’m currently using a navbar that is placed between a top and bottom border of the header. The problem that i am facing is that when there is a section underneath the navbar, that has a dark color, the bottom border starts to make the navbar look weird. See picture 1.

I’ve been thinking of a solution for this, and maybe found one on this website: https://www.gpupdate.net/nl/ They’ve added a line that shows on hover and goes over the navbar border on the bottom.

I’ve tried the following CSS without success:

.ubermenu.ubermenu-main a:hover { border-bottom:3px solid #000;}

Is there any way to do this?
My URL: feddewestera.com

Best Regards,

Fedde

Hi Fedde,

The bottom border of the header area is set to the bar that contains the navigation so kindly set the border value of the bar setting to none.

Hope this helps.

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