Goran Theme – Change Main Menu Drop Down Button

• 

  sarahqsuhail · Member · Jul 3, 2015 at 1:40 am

  • Copy link
  • Add topic to favorites

  Hi All!

  I’d like the drop down button for the first item in my main menu to not be blank until someone hovers over it. i.e. the white arrow with green background should be constant, or maybe just the white arrow can change color.

  Please see website for more details (the services menu)

  broad-peak.co

  Thanks all!

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

• 

  staff-happychia · Staff · Jul 3, 2015 at 9:04 am

  • Copy link

  This is happening because you set the background of your menu bar to white using the following custom CSS:

  header#masthead {
      background: #fff
  }

  To make the arrow button appear in green, add this CSS at the end of your existing custom CSS:

  .large-screen.hero-image .main-navigation .menu-item .dropdown-toggle,
  .large-screen.hero-image .main-navigation .menu-item .dropdown-toggle:focus {
      background: rgb(153,204,51);
  }