Agency Pro – New Logo Size, Need Taller Menus & Spacing

[RenANDStimpy]

I needed a taller, narrower logo/header image for an Agency Pro site. The new logo is 90 px tall and 140 px wide, while the old one was 60 px tall and 300 px wide.

I made the changes to functions.php to accommodate the new logo size, and I made some changes to the CSS to take care of the new logo size. I'm using a custom.css, so I will apologize in advance if the style sheets are a bit of a mess. I'll flatten everything out and consolidate once I get the appearance I want. Here are the CSS changes so far:

/* Title Height Fix */
.site-header {
	background-color: #a0a0a0;
	left: 0;
	min-height: 91px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.header-image .site-title a {
	float: left;
	min-height: 90px;
	width: 100%;
} 

Here's where I'm stuck: I want to make the menu items the same height as the logo, 90px. I also want to adjust the header / header widget spacing to absorb the extra 160 px that were gained when the logo width decreased from 300px to 140 px.

Site: http://simbidev.skypadsolutions.com

It's got authentication in front of it, so you will need the user: SimbiDemo2 and the pass: Pl3aseLetMeIn

Thanks!

http://simbidev.skypadsolutions.com

[RenANDStimpy]

Figured it out. Never mind.

[kaelin]

what did you figure out - this is exactly what I was needing to find 🙂

[Author]

Posts