WordPress.org

Ready to get started?Download WordPress

Forums

Remove space in menu (4 posts)

  1. jay242
    Member
    Posted 1 year 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?

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    CSS Creator is a forum that specialises in CSS support.

    CSS queries this specific become unrelated to WordPress.

  3. jay242
    Member
    Posted 1 year 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.

  4. jay242
    Member
    Posted 1 year 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags