Add a space to first link in TwentyTwelve nav menu

  • Trish

    (@trible)


    9 years, 8 months ago

    I’m using a child theme so you would not be able to see how to change the css style as there has been no change made for this issue from the original TwentyTwelve style sheet yet.

    I have uploaded an image to show the problem: http://www.eparrs.com/wp/TwentyTwelve_nav-menu.png

    I would like to have the first menu link “HOME” moved in from the left side keeping the spacing as is between the other links.

    How would I go about doing this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • CrouchingBruin

    (@crouchingbruin)

    9 years, 8 months ago

    Even if you haven’t made any changes to the child theme’s style.css file, it’s always helpful to post a link to your site. I can’t tell if the black background is set on the menu-main_menu-container DIV or the site-navigation NAV element, and that would be useful to know before offering a suggestion. By the way, how were you able to change the background of the nav menu to black if you didn’t do it through your child theme?

    Thread Starter Trish

    (@trible)

    9 years, 7 months ago

    I was able to change background of the nav menu to black this way:

    .main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	background: #000000;

    on my child theme.

    As for the menu container, here’s what Firebug shows:

    .main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

    However, I added two HTML spaces to the Navigation Label and it has done the trick for now. Am still hoping you can guide me to fixing this issue professionally.

    I do not like adding a link in my questions when asking for help here because I cannot edit my comment later, in order to remove the link, once the problem has been resolved.

    Thank you for understanding.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add a space to first link in TwentyTwelve nav menu’ is closed to new replies.