Drop down menu

Hi there, i’m recreating my website with the wood mart theme. So i’m having an issue with the drop-down menu. I’m trying to create this drop down from the old site> https://prnt.sc/Qfa486mWOLJm to my new site, but still can’t find the correct settings. This is my effort https://prnt.sc/Cn-ohTN_KOH1
I need to color the whole container with gray (instead of white spaces) and push down the drop down ( maybe some padding).

Any help?

Hello,

Please provide the full admin rights.

Best Regards

Can you try login now.
Thank you

Hello,

Please remove the background on the section in the HTML block: https://gyazo.com/c239a437a4e4d567413ea919e01beb67

If you have any questions please feel free to contact us.

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

body .wd-dropdown-menu {
background-color: grey;
}

Please replace the color as per your needs.

Best Regards

Hi there, thank you. That worked for me. But how can I push a little bit down the drop-down menu? In order to start where the header main menu ends. https://prnt.sc/zLw8DRIPPHxU

Hello,

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

body .wd-header-nav .wd-dropdown {
    margin-top: 35px;
}

Best Regards

Hi,
I did it, but there is an issue with functionality of the menu. The drop-downs are disappearing fast, and it’s not possible to click of the sub-items.

Hello,

Please enter Appearance > Menu > Select menu, enter every menu item, and select “On click” in the Open on mouse event. Alternatively, you will need to remove the code as it is not possible to make it on hover.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts