Removing padding from first menu items

Viewing 3 replies - 1 through 3 (of 3 total)
  • Chris Barrett

    (@cbarrett123)

    9 years, 9 months ago

    Perhaps you already worked it out, as there is no left padding around the menu li element of the first item “Shop” when I view the link is FireFox?

    Actually, there is no left padding around any of the menu li elements. The only padding is a 7px box (top, right, bottom and left sides) on the menu li a elements. Is that the padding you mean you want to remove? If so, try:

    ul#menu-topnav li:first-child a {
    padding-left: 0;
}

    Oh, and when you post code into the forums, it’s best to wrap the code so the browser doesn’t attempt to process/caught as spam. For more information, please review: Forum_Welcome#Posting_Code

    Thread Starter first2x

    (@first2x)

    9 years, 9 months ago

    Thanks for your help, Chris. Yes, I was able to get some help to fix this problem.

    I believe the following was used to remedy the spacing issues:

    ul#menu li.first-child {border-left:none;}
	display:inline;
	padding-left: 10px;
	margin-left:12px;
	margin-right:5px;
	border-left: 0px solid #ffff00;
	}

    Thanks for the posting tip also.

    Chris Barrett

    (@cbarrett123)

    9 years, 9 months ago

    Great to hear you got it to work, but I’ll take your word for it as the code you posted doesn’t look correct. The closing } after your first border-left reference will terminate the statement and the references after that won’t be processed by the browser (or associated with the ul#menu li.first-child).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing padding from first menu items’ is closed to new replies.