-
Posts
-
When I view my website on my computer, the drop down menu at the top shows the menu pages with white letters and black background. However when I look at my website on my mobile phone or iPad, the letters are dark against black! I can barely read the menu, and is impossible in bright sunlight. How can I change the letters to white for mobile devises also?
Hi MountainFilms
It’s a bit confusing, because for the mobile view you need to address different CSS classes than for the Desktop view. So please try this in the Enfold custom CSS to change the label color to white:
.main_menu .current-menu-item span.avia-menu-text { color: #ffffff !important; }And to remove the hover effect this should work:
#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items a:hover { background-color: transparent !important; }Cheers
MichaelHi,
Thank you for contacting us.
Let us know if the above solution worked for you. If you have any questions please feel free to reply here.
Best regards,
VinayI have not located the change you are discussing. I went to Enfold/ Main Menu
There are 3 options in the Main Menu: General / Burger Mobile Menu / Burger Mobile Menu Styling.
I do not see under Main Menu: current-menu-item span.avia-menu-text
I changed the Menu icon to white,#ffffff under Burger Mobile Menu Styling, but this did not change the text to white on my iPhone.
Could you please be a little more specific where this is located. ThanksI found the option under Enfold / General Styling, and the primary font color and Logo font area color, which were at a default of black I guess. I changed them both to #ffffff and it works now. I am not sure why my computer always showed showed white font on black back ground and the mobile devices always showed black background and dark gray, almost black, when this option was at default, but at least this resolved it now.
- You must be logged in to reply to this topic.