put the menu above the content box
URL to the page in question:
http://
-
hi i am wondering if you can put the menu of the normal pages (every template) above the content (with a gap like the staff page).
regards
thomas
Thomas,
I believe that you can do that. Here’s how:
- Go to your theme options page and choose the Style tab.
- Scroll down to the Custom CSS box and add this:
.wrap.shadow {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#content {
padding-top: 20px;
}
#page-wrap {
top: 70px;
position: relative;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#page-wrap #nav-bar {
top: -70px;
}
- Update your settings.
If you need to adjust the position of the navigation bar and the content box you can do that by changing the top values in the last two styles. If you make the top larger on the #page-wrap it will move the content box and navigation bar further down the page. If you make the top smaller (more negative) on the #page-wrap #nav-bar it will increase the distance between the navigation bar and the content.
If you run into trouble, let me know,
Bill
hey bill, thats fantastic!
only the slideshow page seems to to be affected.
i just notice also if you choose a standard page templat with a feature image (the menu is still overlayed over the image).
Any chance you could let me see what’s happening on your slideshow page? On my end, it’s not affecting the home page, staff, podcast, image or gallery formats. There could be something else affecting it.
Thanks,
Bill
oh i am sorry – it’s working for fullwidth and standardtemplate (without feature image).
also not working for the slideshow homepage.
i like to have those pages also with a gap to the menu!
Use this instead:
.front {
overflow: visible;
}
.wrap.shadow {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#content {
padding-top: 20px;
}
#page-wrap {
position: relative;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.front,
#page-wrap {
top: 70px;
}
#nav-bar {
top: -70px;
}
#home-sidebar,
#panel {
height: auto;
top: 0;
bottom: 0;
}
footer.primary {
margin-top: 90px;
}
cool that’s working great!
thank you.
Fantastic Thomas. Take care.
- The topic ‘put the menu above the content box’ is closed to new replies.