You can use this css:
.none-trans-header .headerclass {
margin-bottom: -100px;
}
Just paste it in your custom css box in theme options. Hope it helps!
Hannah
This works great! Thanks again!
I was also wondering if there is a way where I can snap the menu to the header. So in the case someone was viewing it in another monitor, or slightly different screen size, or slightly zoomed that the menu will always be in the same place relative to the header.
Is there a reason you’re not using the secondary menu and just changing the background? I think that would be a much simpler solution. Does that work for you?
Hannah
Im sorry I dont quite understand, Would the secondary menu just create another set of menu?
See here, in IE vs Chrome, the menu is out of place. The menu snaps in pace when everything is below 75% zoom. but when it is 100% it doesn’t snap correctly.
http://xing-design.com/?p=248&preview=true&preview_id=248&preview_nonce=ff8ea867ee&post_format=standard
Thanks
I cannot see the link you provided? When I view the link above I am seeing a header image that was not there previously?
You would not be adding two menus, simply using the secondary instead of the primary.
Oh gosh, I’m so sorry. I totally forgot Pinnacle doesn’t have a secondary menu.
So from your screenshot you are just wanting the menu pushed up into the gray bar, is that right?
lol no, its ok.
But yes that is essentially what I want.
Also,
For the other pages such as http://xing-design.com/?page_id=2.
if you zoom in or out, the header size dosnt change but the menu and everything else does.
Is there a way to fix a particular header size that will scale with everything else as well just like the Home Slider/ Homepage Image.
Hey, really sorry for the delay. I’ve been trying to work out whether or not this is possible but I’m not sure that it is. I can give you css that will push the menu up and down but it varies depending on the screen size and the zoom. And then it also varies per page. The theme developer should be on later today and he might have a different solution, but I’m struggling to come up with a simple way do to this.
Sorry,
Hannah
The way this theme is designed with the header style that it has there isn’t really a way to do this. and using a background image like you have isn’t good for a responsive site.
The major thing is a background image doesn’t have the kind of relationship with html content that would allow you to position the menu on a part of the background and have the sizing consistent. It just doesn’t work like that in css.
What would be better is to try using the virtue theme (another Kadence theme). There you can have a menu that sits below the logo and you can set the background for the menu (dark band). So your set up could be much better for responsive site and the background image not have your logo in it.
Kadence Themes
