issue with position of dropdown menu

Hello,
please check the attach images.
all the dropdown menu are above and on top of the header while they should be just below.
how can I fix it? so the dropdown menu box will start where the first container of every page start?
just below the header. and not on it.

thanks.

Attachments:

You must be logged in to view attached files.

Hello RD,

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

div.wd-dropdown{
	top: 65px;
}

Regards,

Thanks but now when trying to go to the items on the dropdown menu the menu is closing and I am not able to click on the items inside the dropdown.

Hello RD,

Please remove previous code and use below one:

.wd-nav.wd-nav-main > li{
	padding: 25px 0;
}

Regards,

GREAT! THANK YOU

soory.. found another issue. when scrolling down there is a gap between the top menu to the dropdown. check the attach image.

Attachments:

You must be logged in to view attached files.

Hello RD,

Please go to Theme Settings > Custom CSS and remove this code lines https://ibb.co/MpBfRjP

Regards,

Hi,
I don’t have this code in my custom css, this is the only code I have:
.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li {
margin-bottom: 10px;
width: auto !important;
}

.wd-nav.wd-nav-main > li{
padding: 25px 0;
}

I changed it to this and now it looks like it’s ok:
.whb-sticked .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
margin-top: 15px;
}

Hello RD,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

[Author]

Posts