Blog, Website & Page Publishing

Jamila-lawal
Participant

Styling Dropdown Menu - child menu is backwards

Hello 🙂

 

I'm trying to add our menu to a new template. The child dropdown currently displays as below:

 

Screenshot 2020-07-16 at 19.57.15.png

 

And when I hover over the dropdowns - they disappear! Please see here.

 

 

Here is how it should look

Normal state of correct displayNormal state of correct displayHow the dropdown is supposed to lookHow the dropdown is supposed to look

 

0 Upvotes
2 Replies 2
DanielSanchez
Key Advisor | Platinum Partner
Key Advisor | Platinum Partner

Styling Dropdown Menu - child menu is backwards

Hi @Jamila-lawal 

 

Make this changes in your css code:

 

I add this:

 

.custom-menu-primary .hs-menu-wrapper>ul li ul {
    display: none!important;
top: 45px; }

.custom-menu-primary .hs-menu-wrapper>ul li:hover ul {
display: block!important;
opacity: 1!important;
visibility: visible!important;
padding: 0;
text-align: left;
}

 

This codes solved in your link. Look: https://share.vidyard.com/watch/tjVrDXYw65vZ7c8yihCdgj?

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂

 

Jamila-lawal
Participant

Styling Dropdown Menu - child menu is backwards

Hi Daniel,

 

Thanks for your comment!

 

I have tried adding this to my stylesheet but it doesn't seem to be working for me. Do you know why this might be?

 

Thanks,

Jamila

0 Upvotes