Menu Alignment

• 

  adjidica · Member · Oct 17, 2012 at 4:28 pm

  • Copy link
  • Add topic to favorites

  Hey all, these forums have been great in helping me with CSS. Have found just about everything.

  I’m using a twenty eleven child theme, and customizing as needed. I’ve done simple stuff like move the nav, remove the search, etc.

  The issue i’m having is with the header menu. I’ve moved it above the image with CSS, and right aligned it. Seems there is a gap between the menu items and the border. The CSS i’m using for the menu is this (all found from googling):

  #access {
position:absolute;
top:0;
text-align:right;
float:right;
box-shadow:none;
}

  #access ul {
  display:inline-block;
  }

  #access div {
  margin:0;
  }

  The site is simplystyleboutique.com so you can see what i’m talking about. I’ve tried various margin and padding css mods, but nothing seems to be helping.

  Any ideas?

• 

  supportbot · Member · Oct 17, 2012 at 4:28 pm

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.

• 

  adjidica · Member · Oct 17, 2012 at 4:40 pm

  • Copy link

  Got it. It was the search box padding.

  
#branding #searchform {
display:none;
}
#branding .only-search + #access div {
padding-right: 0px;
}