issue with position of dropdown menu
-
RDParticipant
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,
RDParticipant
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,
RDParticipant
RDParticipant
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,
RDParticipant
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;
}
RDParticipant
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,
.