Dropdown menu is covering top menu when scrolling down

[driven13]

Hello Support.

(My site URL and login credentials are in the next post.)

You will notice that if you scroll down the page, the sub-menu items cover the top menu items.

How do I prevent this…??

Here is what I have in my Custom CSS section:

#header {position: fixed;}
#header.sticky .wrap {min-height: 100px;}
#header.sticky #site-logo {top: 30px;}
#header.sticky #primary-menu > ul.menu > li > a {line-height: 100px;font-size: 18px;}
#site-logo {margin-top: -20px;}

Thanx much.

–d.

[driven13]

This reply has been marked as private.

[Raghavendra]

The following Custom CSS was inserted by me to resolve the issue. Pls check.

#header.sticky #primary-menu > ul.menu > li:hover > ul.sub-menu {
top: 96px;
}

[driven13]

Thanx meteorite.

That did the trick.

Appreciate it.

–d.

[Author]

Posts