Need Help Centering Nav Bar Agency 2.0

[anotherusername]

not sure why, but I don't seem to be able to get the Nav Bar centered. I would like it to be under the header image

Marin Real Estate Photography, Drone, Video and Matterport

Thanks in advance.

http://www.marinhomephotography.com

[Lauren @ OnceCoupled]

I'm not sure what effect this would have on other menus, but try making the following changes:

#nav .wrap {
 	text-align: center;
}

#nav > .wrap > ul {
	float: none;
	width: 100%;
}

.menu-primary li,
.menu-secondary li,
#header .menu li {
	list-style-type: none;
	text-transform: uppercase;
	display: inline-block;
}

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[anotherusername]

Thanks so much for the help, Lauren.

One more question though:

How do I get rid of the borders that appear on the sides when I click on one of those Navbar links?

You might not see them if you are in safari or chrome or opera, but I see them in Firefox on a desktop.

Thanks in advance.

[Carlo]

Hi there. I would advise against removing those outlines, because they are there for accessibility reasons.

---

Comprehensive, easy to follow Genesis documentation

[Author]

Posts