Community Forums › Forums › Archived Forums › General Discussion › Streamline theme: messed up my header / navigation
Tagged: header, navigation
- This topic has 19 replies, 2 voices, and was last updated 10 years, 4 months ago by ludvig.
-
AuthorPosts
-
December 7, 2013 at 1:34 pm #77567ludvigMember
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/December 7, 2013 at 2:45 pm #77573nutsandboltsMemberDid 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+December 7, 2013 at 3:31 pm #77577ludvigMemberYes, 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?
December 7, 2013 at 11:31 pm #77618ludvigMemberBump.
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?
December 7, 2013 at 11:33 pm #77619nutsandboltsMemberI 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+December 7, 2013 at 11:36 pm #77622ludvigMemberAh...!
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.
December 7, 2013 at 11:37 pm #77623nutsandboltsMemberI'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+December 7, 2013 at 11:38 pm #77624nutsandboltsMemberNope, 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+December 7, 2013 at 11:46 pm #77626ludvigMemberOk.
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!
December 7, 2013 at 11:55 pm #77627ludvigMemberNow 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.,
December 8, 2013 at 12:03 am #77630nutsandboltsMemberI 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+December 8, 2013 at 12:19 am #77633ludvigMemberThat 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' );December 8, 2013 at 12:21 am #77635nutsandboltsMemberOkay, 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+December 8, 2013 at 12:31 am #77638ludvigMemberDone and done.
Now the whole content (?) section is displaced.
December 8, 2013 at 12:34 am #77640nutsandboltsMemberOkay, 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+December 8, 2013 at 12:48 am #77643ludvigMemberSo 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.
December 8, 2013 at 12:54 am #77644nutsandboltsMemberIt'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+December 8, 2013 at 1:12 am #77648ludvigMemberOk.
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!
December 8, 2013 at 1:28 pm #77722nutsandboltsMemberIs 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+December 8, 2013 at 4:22 pm #77751ludvigMemberEverything 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.
-
AuthorPosts
- The topic ‘Streamline theme: messed up my header / navigation’ is closed to new replies.