Hi,
And thanks for your help.
It is not really doing what I want though.
My goal is to get the logo in the middle, the navigation under the logo. And also having it all centered and responsible.
The menu now is not centered and the drop down menu from one of the navigation menu titles is screwed up now with the css changes.
The logo is also outside of the screen when viewed on a mobile phone.
This is what is in the css now:
.top-navigation ul {
margin-top: 110px !important;
margin-left: -282px !important;
margin-bottom: 5px !important;
}
.site-logo img {
height: 130px;
max-width: 335px;
}
#site-banner, #site-banner-left {
min-height: 140px;
}
#site-banner-left > #site-navigation {
vertical-align: middle;
}