Font and menu color

• 

  rlgilbert1 · Member · Feb 21, 2017 at 1:18 am

  • Copy link
  • Add topic to favorites

  I am trying to change the color of the menu icon in the top left corner. It is white, which shows up fine on the computer version but blends in with the background on the mobile web. I am also trying to change the color of the menu bar when you hover of it. Additionally, I am trying to change the color of the menu bar when it is opened.
  Thanks so much for your help!

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

• 

  nizamilputra · Member · Feb 21, 2017 at 4:32 am

  • Copy link

  Hi @rlgilbert1,

  It can be done by adding some css code. If you’ve already upgraded your WordPress.com account to Business or Premium Plan you can use Custom Design feature, which allow you to add custom css code.

  I am trying to change the color of the menu icon in the top left corner. It is white, which shows up fine on the computer version but blends in with the background on the mobile web.

  Actually there is header image on mobile view, so the menu shows up fine above header image. Use this css code to do it:

  @media (max-width: 959px){
     .header-aside{
        min-height: 340px;
     }
  }

  I am also trying to change the color of the menu bar when you hover of it. Additionally, I am trying to change the color of the menu bar when it is opened.

  #masthead .menu-button:hover{
     // below to change text color
     color: #ffe16a;
  
     // below to change background color
     background: ##3a1f24;
  }
  
  // to change background menu
  #masthead-sidebar-container{
     background-color: #194158;
  }
  
  // to change link color
  #masthead-sidebar-container a{
    color: #ffef69;
  }
  
  // to change background color and text color when it's hovered
  #masthead-sidebar-container .widget_nav_menu a:hover{
    background: #28c1ef;
    color: #0e211a;
  }

  Let me know if you need another help.

  Thank you.

• 

  rlgilbert1 · Member · Feb 21, 2017 at 4:04 pm

  • Copy link

  Hello,

  Thank you for the help. Does this mean that I need to upgrade to business in order to change the code?
  In the “about” section of this theme it said I would be able to customize the colors in the customize section of the navigation bar.

  Please advise, thank you!

  Rebecca