Mobile Menu Dropdown Styling

marekkowalsky

I am trying to figure out how to adjust the color and style of the '+' in a dropdown menu on mobile. They are very faint and difficult to see. I found the following in the forum, but it did not work (probably out of date?):

#Top_bar #menu ul li.submenu .menu-toggle {opacity:1 !important}

Can you please advise on how to make the menu toggles (+) white and bold? See attached screen capture, submenus for About Us and Our Services:

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

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

marekkowalsky

Sorry, here is the link: https://www.tensquaredinvestments.com

Phil

Please, try the following CSS:

#Side_slide #menu ul li.submenu .menu-toggle:after{
   color: #fff!important;
}
#Side_slide #menu ul li.submenu .menu-toggle{
   opacity: 1!important;
}

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

Thanks

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

marekkowalsky

That works perfectly. Thank you!