About Menu

alsemdigital

Hello,

On my website www.alsemdigital.com, when I press the arrow on the menu, the menu opens downwards. However, when I press the menu title, it does not open downwards. When I click on the menu title, I want the menu to open downwards. How can I do that. I am requesting your support.

Kind regards.

Phil

Hello,

Please try the following CSS code:

.mfn-sidemenu-menu .menu-item .outer-menu-sub{
 position: absolute;
 width: 100%!important;
 justify-content: end!important;
 padding-right: 5px;
 padding-top: 5px;
}
.mfn-sidemenu-menu .menu-item:hover .mfn-menu-link{
 color: #5f5de5!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alsemdigital

Firstly, thank you for your reply @Phil

I added the code. When I click on the menu, it opens downwards. However, when I click on the menu, all submenu items change color. I just want it to open when I click on the menu. and I want the color of the hovered menu element to change to purple. I ask for your support on this issue.

Kind regards.

Phil

Please replace the second part of the CSS I sent you with the following one:

.mfn-sidemenu-menu .menu-item:hover > .mfn-menu-link{
 color: #5f5de5!important;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alsemdigital

Thank you.

Kind regards.