Can't change menu color

• 

  nectarleadgeneration · Member · Aug 27, 2018 at 2:22 pm

  • Copy link
  • Add topic to favorites

  https://nectarleadgen.com/ is my site, I’ve been playing with CSS for a bit trying to get the menu bar to change color – hence the page looking like vomit but for some reason the div-ID I found for the menu bar only changes the color for part of the menu bar, I cannot find which ID I need to change to fix that last part of blue. For the record I am not experienced in CSS.

  .menu {
  background: yellow;
  }

  .page {
  background: gold;
  }

  .site-branding {
  background: green;
  }

  .site-content {
  background: green;
  }

  .nav_menu_instance[bef4e2ec8f164332869a948cce7de894] {
  background: red;
  }

  .layout color-scheme is-default is-group-sites is-section-customize focus-content {
  background: red;
  }

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

• 

  garysixtyeight · Member · Aug 27, 2018 at 2:24 pm

  • Copy link

  Hi there,

  Please try using:

  .main-navigation {
      background-color: yellow;
  }

• 

  nectarleadgeneration · Member · Aug 28, 2018 at 11:41 am

  • Copy link

  Worked perfectly, legend!

• 

  garysixtyeight · Member · Aug 28, 2018 at 11:48 am

  • Copy link

  You’re welcome, glad I could help :)