Make the + and - bigger, make the part that expands them bigger, change the color to them
How do you make the buttons bigger (+ and -) that make the sub menu expand? They're too small for the viewer to try to click on. Furthermore, how do you make the part that expands the menu bigger? I made a video explaining and uploaded it to YouTube, which you can find here. Something else not mentioned in the video: how do you change the color to the buttons (+ and -)?
Comments
Hi,
Please use the following CSS code:
@media only screen and (max-width: 1240px){ #Top_bar .menu .menu-item .menu-toggle{ right: 0!important; padding: 0 40px!important; font-size: 35px!important; color: #0f0!important; opacity: 1!important; } }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
After thinking about it, I've decided I need to make a slight adjustment. What's the CSS that I can make that'll make the whole area active? The attached image shows you what I'm talking about where it'd be nice if that whole area opens the sub menu, not just the area around the + sign. Note that I placed rectangles where I'd like to have the whole area open the sub menu.
Thanks, JL
If you want to have the whole menu item clickable, please, head to the following topic: https://forum.muffingroup.com/betheme/discussion/39360/optimising-dropdowns-mobile#latest
There you will find instructions on how to achieve that.
Note that you do not use Side slide menu, so do not forget about the part of removing the class referring to that (it is mentioned in the link as well).
Thanks