Header Menu Customization for "Duet"

• 

  slavicpolytheist · Member · May 8, 2017 at 7:04 pm

  • Copy link
  • Add topic to favorites

  So I have the Duet theme on my blog. I’m trying to change the grey dotted lines on the header menu (the dotted lines that appear above and below my menu page options just below my header/logo).

  I’ve been able to locate the coding for all the other sections with grey dotted lines through using Firebug. But I cannot find the specific code for the header menu section. When I click on the header menu to try and find the code – all I can find is the string for navigation.

  There is no “border” coding like for the other sections.

  Am I missing something?

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

• 

  garysixtyeight · Member · May 8, 2017 at 10:15 pm

  • Copy link

  I’m trying to change the grey dotted lines on the header menu

  Hi there,

  What specific changes would you like to make to the border – change the colour, make it solid, change the width, remove it completely etc?

  You can target it with css like this:

  nav[role="navigation"] {
      border-top: 2px solid #e0115f;
      border-bottom: 2px solid #e0115f;
  }

• 

  slavicpolytheist · Member · May 10, 2017 at 1:21 am

  • Copy link

  Oh gosh, I forgot to put what I was trying to change!
  But that fixed it perfect for me.

  Thank you!

• 

  garysixtyeight · Member · May 10, 2017 at 12:40 pm

  • Copy link

  You’re welcome :)