Streamline theme: messed up my header / navigation

[ludvig]

Hey,

I was fixing some things in my CSS & PHP and somehow (I'm not sure how), I accidentally merged and my header and my navigation.

My site's been working well for months, but now I'm unable to fix it. It's probably an easy fix, but I'm unaware of what's wrong here.

Before I messed it up I wanted to see what my primary navigation would look like underneath the header (instead of above as it were), but then I decided it didn't look better, so I switched it back. And now it's messed up.

Does anyone know what's wrong?

http://www.startgainingmomentum.com/

[nutsandbolts]

Did you get this fixed? It looks okay on my end, but I'm not sure how it's supposed to look.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

Yes, that's how it's supposed to look (with the exception of the unstyled navbar)
-----------------------------

It should be fine according my css & PHP, I've no idea why it keeps bugging me..

Here's how it has looked for me for the past 2 hours and I've been trying to fix it.

Maybe it's my internet that's playing a trick on me..

Any idea about why it's acting up for me on my screen?

[ludvig]

Bump.

I still haven't been able to fix the issue, and I have no idea what it is that i've done to displace header by moving the navbar.

Does anyone understand why?

[nutsandbolts]

I can finally see what you're seeing - try adding clear: both; to #header - that fixes it for me with Firebug.

Edited to add: It fixes the header, anyway. Still need some work on the nav.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

Ah...!

Thank you so much!!!

Could you explain why this fixes it?

And what do you think caused it in the first place?

I definitely did not remove such a section from my CSS before when it happened.

[nutsandbolts]

I'm not sure... Something is wonky but I can't tell what it is.

You've got an unclosed <div> - there's the wrap, then the nav, then another wrap, but only two closing divs. That may be what's wrong.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Nope, never mind. Found the other </div>. I just didn't scroll down enough. Still looking!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

Ok.

Any idea why the nav isn't back to normal? (I've not altered it from before, yet it has the default styling). I'm trying stuff in the CSS.

Thanks for helping Andrea, you're saving my day!

[ludvig]

Now I'm changed back the background color, and this clearly shows that the size (length) of the nav bar has shrunk somehow.

Any idea on why this is and how it can be fixed?

It used to automatically stretch across the whole upper section above the header (full width), not it doesn't.,

[nutsandbolts]

I still think it has something to do with the nav and those two wraps. What method did you use to move the nav above the header?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

That was a long time ago (before I tried taking it out and putting it in yesterday), I found the following php code:

/** Moving Your Primary Navigation before Header **/
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

[nutsandbolts]

Okay, just making sure. So it really shouldn't have anything to do with that, but since it happened right after, it has to.

Can you try removing the function temporarily just to see if things go back to normal with the nav below the header again? You can move it right back, but it might help narrow down what's going on.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

Done and done.

Now the whole content (?) section is displaced.

[nutsandbolts]

Okay, so now it looks the way it's supposed to, correct? Other than the fact that you want the nav above the header?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

So it looks normal to you (beneath the header)?

Here's how it looks to me on my computer:

But it looks fine on my mobile phone.

This is strange.

[nutsandbolts]

It's fine for me. If I were you, I would disable W3TC until you're done altering the site - it's notorious for messing with layouts, conflicting with other plugins, etc. At least if it's turned off we can tell what's actually going on versus what is showing up from cache.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

Ok.

Done and done deactivated and emptied cache. But it still looks the same to me, maybe because it looks different for admin vs visitor?

I have to go away and work for a few hours now. But I'll be back in ca 4-6 hours.

The worst part should be over now 😉

Btw, got any ideas of how to move the nav to the left (<---), seeing as how it's indented ca 50 px to the right as of now.

I really appreciate your help, thanks a lot!

[nutsandbolts]

Is it still crazy for you? I'm seeing the nav above the header and it looks fine for me, but it could still be a cache thing.

I can move the nav over in Firebug by adding this to the stylesheet:

#menu-pages {
	margin-left: -50px;
}

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[ludvig]

Everything is resolved now.

I'm not going to try to put the navbar underneath for a while I think (out of fear hehe).

Thank you soi much for helping me. I followed you on Twitter 😉

I'm also liking your FB!

Have a good night.

[Author]

Posts