Removing navigation strip with CSS

[carisma_sensei]

I want to disable it through CSS in my layouts (mainly transmogrified), would anyone happen to know what is the code I would need to apply, and be so kind to let me know? I don't know what controls the navstrip so I can't do that myself. So thank you in advance!

Comments

[carisma_sensei]

I tried giving the content a margin-top and the module-navlinks, but when the navstrip isn't on, everything goes up, and I don't know what to do anymore xD You can see what I mean in my journal right now, where the content overlaps the background and the navigation is also pushed up.

[facetofcathy]

Alrighty! I have some answers. I turned off my navstrip and had a look at your journal. You are right, the navstip is causing a problem, and so am I the % margin is causing a similar problem!

So, what happens is that there is a padding-top on body of 45px that is only there when the navstrip is there. This is on the base Dreamwidth stylesheet that is not part of the layout or theme.

I would suggest you go back to your way of putting a margin on the body element since you know that works and just don't use a %. You can either do one for with navstrip and one without just like the suggestion above, or just set a padding-top of 45px that's there all the time and set one margin that works.

[carisma_sensei]

Ok I think I fixed it for good now! Only problem is that when the navstrip is on, the navigation stretches and fills the screen's width D: But I don't know how to fix that. Anyway, what I finally did was:

-Set the body margin-top to 80px instead of 8%.
-Add the body.has-navstrip margin-top: 45px to the CSS so when the navstrip is on, the navigation won't shift down.

And I think that's fixed it. If you could look at my source code and try it yourself (only if it's NOT a lot of hassle, I don't want you to waste your time with this honestly D:)...

Thank you so much for the help!