I would like to be able to make some styling changes to the mobile dropdown menu if possible.
1. Is it possible to change font size/weight/color/etc.?
2. Is it possible to add a background color or image to the mobile dropdown menu?
3. Is it possible to add a logo to the top of the dropdown menu so that it appears as it does in the mobile header?
Your help is appreciated. Thank you.
Hey D5WDesignGroup!
Please add following code to Quick CSS and adjust as needed
1-
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title { color: red; font-size: 16px; font-weight: bold; }
2-
#mobile-advanced { background-color: red; }
3-
#mobile-advanced { padding: 0; margin-top: 110px; }
Cheers!
Yigit
Thank you very much. That did the trick. I am noticing though that the X “exit” button from the dropdown menu is just slightly positioned offset from the menu dropdown button. Is it possible to change the position of the exit button? I’d like to be able to either put it in the exact same position as the menu dropdown button or someplace completely different.
Hi!
Please add following code to Quick CSS as well and adjust as needed
.html_logo_right #advanced_menu_hide { left: 90%; }
Cheers!
Yigit
Thank you. Can you tell me what the code is that dictates the position of the Menu dropdown button? I want to make sure that I have both of them set to the same values.