Jump to content


This topic is now archived and is closed to further replies.


Mobile menu text color, hamburger

Recommended Posts


Hi guys

Just what is the recommended way to control color in top navigation bar? Which of the Navs (menu or megamenu, etc) is best to use?

I have a simple Menu contained in a Container in the Header area of site being developed: http://janerichardsonmack.com/JRMClone am going crazy trying to figure out how to control the color of the text when it collapses to a mobile hamburger/Show Menu abreiviation when I shrink the screen to see what it looks like on mobile, or use Chrom/Firfow Responsive View. Menu text is "whitish" when full nav available, but almost unreadable and dark when Moblie toggle shows!!! Have tried adjusting Font/Color for both the container and menu sections, to no avail. Have looked as CSS in Inspector and can't find where color is set to dark.


Share this post

Link to post
Share on other sites

  • Similar Content

    • jagipson
      By jagipson+
      I was curious if theres a way to make a nav like this website? http://www.gainor.net/our-specialties/#specialty-human-resources
      We want to make a mobile nav but be our main nav even when your not on a mobile device. Can we do this with Pagelines or is there a plugin we need? Suggestions?
    • suerama
      By suerama+
      I have 2 mobile menus appearing on my site:
      The top one just appeared as a default, it's out of order from my Basic Menu, and is missing the Home page. I want to remove it, but don't know how.
      The bottom one is correct and I created it in the Layout & Nav area of my Global Settings. This is the one I'd like to keep.
    • selmakdesign
      By selmakdesign
      My client wants the mobile navigation to open and close on the left side instead of standard right side. So far I've made it open on the left, but it's still closing on the right side. Would someone be able to help me out with the code as I can't find it??  :bow:
      Selma  :geek:
    • margie
      By margie
      Hi- currently when I drag my screen to make it smaller (i.e., responsive), the menu items (the text) stay white but the background changes from dark gray to white, making the list items very difficult to see as I shrink the screen.  Im guessing this is somewhere in the css but I can't locate it.  How would I change the background to remain the same as I shrink the screen?  Any assistance would be greatly appreciated.  Thank you.