Minimum Logo Header Alignment & Responsive

[firstname_galo]

Hey all,

Three things:

I tried looking this up through the forum but can't seem to fix this issue. I have setup a logo using this tutorial since I added the logo my navigation isn't lined up with the logo.

• So I want the logo to stay on the left but have the navigation at the same level to the far right.
• Add the home page title bar ("Change your body change your life") above the main image header.
• Also how do I make the logo responsive, when the window becomes smaller the logo cuts of and doesn't re-size with everything else.

 

http://www.themovementproject.net

[daevil]

Hello,

To fix this I uploaded an image size according to the default limit , 1140 x 100.

I then went in to the Style sheet and played around with:

.header-image #title-area,
.header-image #title,
.header-image #title a {

I just removed Width and Height from the area and the Menu realigned to the top. I'm sure there is a better way but this has worked for me for now. Try playing around with it.

[John]

This should help with the logo issues: http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[Author]

Posts