menu bar and submenus transparent

• 

  nataliagill · Member · Apr 8, 2013 at 5:53 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m having trouble finding a code to make my menu bar (and sub-items) transparent in theme twenty-eleven. Help, please?

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

• 

  thesacredpath · Member · Apr 8, 2013 at 6:17 pm

  • Copy link

  This should do it for you although submenu items may well become unreadable when they extend down over page/post titles or text.

  #access {
  background: none
  }
  
  #access li:hover > a, #access a:focus {
  background: none;
  }
  
  #access ul ul {
  box-shadow: none;
  }
  
  #access ul ul a {
  background: none;
  border-bottom: none;
  }

  You will also have to change the non-hover menu text color.

  #access a {
  color: #EEEEEE;
  }

• 

  nataliagill · Member · Apr 9, 2013 at 3:10 am

  • Copy link

  Thank you! This is the first code that worked for me. Appreciate your help.

• 

  thesacredpath · Member · Apr 9, 2013 at 4:03 am

  • Copy link

  You are welcome.