Color of the Menu

• 

  estherfricker · Member · Aug 16, 2019 at 3:40 pm

  • Copy link
  • Add topic to favorites

  I try to change the color of the menu bar (is pink, I want Blue), I don’t finde the option in the personnalize section. Is it possible with this Theme? Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Aug 19, 2019 at 9:51 pm

  • Copy link

  @estherfricker we can help. I don’t see an active menu right now. But here’s how to change the color in Stow, using Custom CSS:

  #site-navigation.main-navigation .main-menu {
      background-color: #0099CC;
      border-bottom: 2px solid rgba(0,0,0,.15);
  }

  You’ll probably want to change the dot colors too:

  #site-navigation.main-navigation ul li a:after {
      color: #66CCFF;
  }

  And the buttons :D

  button, .button, input[type=submit], .wp-block-button__link, .wp-block-file__button {
  	background-color: #0099CC
  }

  Hoping this helps!

• 

  estherfricker · Member · Aug 21, 2019 at 2:03 am

  • Copy link

  Thank you! I’m working on my page and the most are ”private” at this time, so I dont activate/publish the Menu:-)
  It’s working with the changing of the color, but if I try to see mobile version, Menu stay’s pink :-( (I check the case apply to mobile version )
  And the buttons of FB and Instagram don’t change to my ”blue” (009AC0) color :-(
  Can you help me again? Thanks

• 

  kokkieh · Staff · Aug 21, 2019 at 5:16 am

  • Copy link

  By setting individual pages to private and not publishing your menu you are making it much harder for yourself to customize the site, and you’re making it hard for us to help you – nothing will work the way it’s supposed to if things are not actually published on your site.

  If you don’t want anyone to see your site while you’re working on it, set the entire site to private. You can do this at My Site ->Manage ->Settings. Then only you and staff can see it, and you can properly publish it and see things the way they’ll actually appear to visitors to the site.

  Let us know once you’ve done that, and we can take a look at the menu.

  Also note that your plan gives you access to live chat support, so you can ask for help with issues like this at https://wordpress.com/help/contact, rather than posting in our public forums.

• 

  estherfricker · Member · Aug 21, 2019 at 1:57 pm

  • Copy link

  My site is now private :-). Thanks