not a support questionHi. You have probably been asked this before. I would like to change the format of the header section so that my logo sits at the top of the page and is centred, then the menu is located underneath and takes up the full width of the page (so that I can add more menu sections to my site).
What is the step by step proces please, including some instruction on how to increase the header height and width between menu sections?
Many thanks for your great support as always ;-)
Hey,
1) Adjust the header height (so that logo + menu have enough space) - in style.css adjust the height attribute of #wrapper_head:
#wrapper_head{
position: relative;
z-index: 100;
overflow: visible;
height:100px;
}2) Then adjust the logo dimensions in style.css (width + height) and chang the position (left + top value) to center it:
#top .logo, .logo a{
display:block;
height:85px;
width:165px;
position:absolute;
left:40px;
top:20px;
border: none;
padding: 0;
margin:0;
}3) At least push the menu down by adjusting the top value of following code:
#top .nav{
height:50px;
line-height:30px;
padding-left:13px;
right:40px;
position:absolute;
z-index:100;
top:45px;
}You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
