Moving navigation bar down on top of header

[smstudios]

Ho do I move the navigation bar from the very top of the page down on top of the header image? I want the nav bar right on top of the header image with a margin between them and the top of the page.

[drake]

Without an url is hard to impossible to help you with such particular requirement.

[smstudios]

I'm pretty new to word press, but I think I just want to put a margin at the top of the page

[drake]

The navigation bar above header is outside the page... The id for this navigation bar is #nav-top. Adjust it's position and size to fit where you need.

[smstudios]

Can't get it to work. what code do I add to create the margin?

http://www.summitmusicstudios.com/?page_id=137

[drake]

You can move down the navigation bar by adding this code to Suffusion Options -> Backend -> Custom Includes -> Custom Styles:

Code: Select all

#nav-top {margin-top:100px;}

Adjust 100px to suit.
For avoiding the gap between navigation bar and wrapper add also

Code: Select all

#wrapper {margin-top:0;}

Any customized CSS definition should be added at Custom Styles rather than editing files, there are the last executed definitons, with highest priority and those definitions will stay safe at upgrades, unlike changed theme files.

[smstudios]

Thank you!