I would like to eliminate some unused horizontal space in the top header portion of the default theme, which I like very much. The attached screenshot shows with red arrows the two blank regions I would like to make much smaller. Is there an obvious place in a stylesheet or .php file where I can dial this down?
Thank you for any help
Another option which I think would like nice for our forum is to move the drop-down menu buttons (Home Help Search ...) up and put the inline links (NCCC Forum > Discussion > Club Rides & Events) into the same area of the header, just under our club logo.
We previously used the Babylon theme (don't want to go there as the Curve theme is so much cleaner), but Babylon really did a nice job of keeping all that stuff compressed up at the top when the header is collapsed.
Since noone has even attempted a response, I presume there may be too many layout dependencies. Anyone wish to comment?
Thanks in advance!
Should be possible with basic css changes. Do you want al the header guff (userarea, avatar, etc) permanently removed, or do you still want it expandable?
It would be nice to have all the regular user info when the header is expanded as well.
Index.css:
Find:
/* the upper_section, float the two each way */
#upper_section
{
padding: 5px;
margin-bottom: 1.5em;
}
Replace:
/* the upper_section, float the two each way */
#upper_section
{
padding: 5px;
margin-bottom: 0;
}
Find:
/* clearing the floats */
#top_section
{
min-height: 65px;
overflow: hidden;
margin-bottom: 3px;
}
Replace:
/* clearing the floats */
#top_section
{
min-height: 45px;
overflow: hidden;
margin-bottom: 3px;
}
Find:
/* The navigation list (i.e. linktree) */
.navigate_section
{
padding: 0.5em;
margin: 0 0 0 0;
}
.navigate_section ul
{
display: block;
margin: 0;
font-size: 0.9em;
padding: 1em 0 0.5em 0;
border-top: 1px solid #ccc;
overflow: hidden;
list-style: none;
clear: both;
width: 100%;
}
Replace:
/* The navigation list (i.e. linktree) */
.navigate_section
{
padding: 0 0.5em;
margin: -0.8em 0 0 0;
}
.navigate_section ul
{
display: block;
margin: 0;
font-size: 0.9em;
padding: 0.2em 0 0.2em 0;
border-bottom: 1px solid #ccc;
overflow: hidden;
list-style: none;
clear: both;
width: 100%;
}
Try that. :)
Wow, Antechinus. You must know this theme ;). Those were the pointers I was looking for. I made a slight tweak to get what I wanted - screenshot attached.
#top_section
{
min-height: 45px;
overflow: hidden;
margin-bottom: 0px;
}
and (I kind of like the look of the horizontal rule)
.navigate_section
{
padding: 0.4em;
margin: -0.8em 0 0 0;
}
Case closed...and MANY THANKS