-
AuthorPosts
-
October 19, 2015 at 6:00 pm #521103
I have recently encountered two issues with my mobile menu.
The 1st was weird icons , but this thread provided a fix for it… thanks Yigit!
The 2nd I can’t find any mention of. I have a transparent menu bar for my full site. The mobile menu previously worked fine, but now when the screen width reduces and the mobile menu is triggered, the menu items are shown with a transparent background. These means the text is very hard to read. Previously there was a solid background on the mobile menu so the text was more clear. How can I get this back?
And is there a way of the mobile menu using the same text styling as the main menu (same font, colour, capitalised?)
Thanks in advance
October 19, 2015 at 8:17 pm #521173Ok the good news is after testing I have managed to get my mobile menu styled the same as the normal menu. I used this for quick CSS shortcodes. This would be a great additional option for the header > mobile menu section
#mobile-advanced a, #mobile-advanced .mega_menu_title { font-size: 20px; text-transform: uppercase ;!important; text-align: left; font-weight: bold;!important;} span.avia-menu-text { font-family: 'customfontnamehere'; }However I still can’t remove the transparent background element on the menu, so any help on this would be gratefully received, thanks :D
October 19, 2015 at 8:42 pm #521182Hi!
Please add following code to Quick CSS as well
ul#mobile-advanced { background: white; }:)
Cheers!
YigitOctober 19, 2015 at 8:49 pm #521186Ah, that’s brilliant and works perfectly. Plus I can even change white for the hex colour I need and it works too. Cool!
Thanks Yigit! :)
October 19, 2015 at 8:59 pm #521192 -
AuthorPosts
- The topic ‘Some issues with mobile menu’ is closed to new replies.
