Remove space in menu

  • jay242

    (@jay242)


    11 years, 6 months ago

    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?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 6 months ago

    CSS Creator is a forum that specialises in CSS support.

    CSS queries this specific become unrelated to WordPress.

    Thread Starter jay242

    (@jay242)

    11 years, 6 months ago

    Sorry about that. I’ve found a ton of posts here about moving items, etc so I thought it was appropriate. I’ll go check over there.

    Thread Starter jay242

    (@jay242)

    11 years, 6 months ago

    Well if anyone else needs it it was the search box padding in the menu.

    Removed it with the search removal css I had used before and another statement to remove padding.

    #branding #searchform {
	display:none;
}
#branding .only-search + #access div {
	padding-right: 0px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove space in menu’ is closed to new replies.