How to vertically center primary sidebar on Streamline Pro?

[jasonyormark]

I made some header adjustments to the logo side that seemed to put the alignment out of whack for the primary sidebar area. How can I adjust this to be centered vertically?

[Victor Font]

Not sure why, but clicking on your post title is requesting a userid and password for WPEngine twice.

Please post a link to the site.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jasonyormark]

http://comebackerdev.wpengine.com/

user: demo
password: sideout

Thanks.

[Robert]

Thought you wanted to center you nav at first:

I used this code and it put the social media widgets to the middle of the header and looked OK on mobile as well.

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 720px;
	vertical-align: middle;
	vertical-align: bottom;
	<strong>margin-top: 2%;</strong>
}

This is line 1020 in your stylesheet.

Add this to your code and it will center the nav:

.genesis-nav-menu {
	clear: both;
	color: #999;
	line-height: 1;
	width: 100%;
	<strong>text-align: center;</strong>
}

It is line 1042 in your stylesheet. Under `

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */`

---

-Robert McMillin
RobertMcMillin.com

[jasonyormark]

Tried that and it didn't move anything. Just to clarify, this is for the social media icons on the top right in the header area.

[Robert]

Sorry about that, that code centered the nav which is what I thought you meant originally. Here is some code that should do the trick as a quick fix.

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 720px;
	vertical-align: middle;
	vertical-align: bottom;
	margin-top: 2%;
}

You are only adding this code to the existing style:

margin-top: 2%;

---

-Robert McMillin
RobertMcMillin.com

[Robert]

Also, just from a style standpoint the centered nav, in my opinion, looks better for your site design. So you may want to consider using that code as well.

---

-Robert McMillin
RobertMcMillin.com

[Robert]

Also don't add the <strong> </strong> tags, that was a mistake on my part, I was just trying to emphasize the line of code you needed to add.

---

-Robert McMillin
RobertMcMillin.com

[jasonyormark]

Thanks a ton for your help! Worked great.

[Robert]

You're very welcome! Glad I could help

---

-Robert McMillin
RobertMcMillin.com

[Robert]

Would you mind marking this issue as resolved? Thanks!

---

-Robert McMillin
RobertMcMillin.com

[Author]

Posts