How do I move Menu items?

  • Unknown's avatar
    scott813 · Member ·

    The Tab for our Homepage is to the far left of the main screen away from the rest of the menu items. How do I move this tab across to be sitting beside the others?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    gracejiyoung · Member ·

    Hi there,

    You can do this by editing the CSS. Please go to Appearance > Customize > CSS and remove the informational text. Then copy/paste this:

    #menu-item-125 {
	position: absolute;
	left: -6.7em;
	top: .3em; 
}

.navigation-main li {
	margin-right: 1.1em;
}

.nav-menu {
	position: absolute;
	left: 120px;
}

.navigation-main .current-menu-item.home-link > a, .navigation-main .current_page_item.home-link > a, .featured-image .navigation-main .home-link > a, body:not(.single) .home-link > a:hover {
	color: #774553;
}

    Feel free to reach out if you have any questions!

  • The topic ‘How do I move Menu items?’ is closed to new replies.