how to remove line and move navigation down

[aretzer]

I know this is probably something basic, but there is a line above the wrapper and the navigation (below the header) is resting on the line instead of the header... how do I get rid of the line and move the navigation down? This is the site I want to fix: http://fromourmom.com. I've been searching through the suffusion options and can't find where to change that!

[drake]

For the line you can set the bottom border to none for navigation bar at Suffusion Options -> Skinning -> Navigation Bar Below Header (check also "transparent/no color" and replace 1 with 0 for size of border below navigation bar)
If you wish to keep theme settings and remove only that border add at Custom Styles:

Code: Select all

#nav {border:none;}
/* next line will move the nav bar down by increasing the header height - change 150px tu suit */
#header {height:150px;}

[aretzer]

Thanks, that helped to get rid of the line, however the navigation menu items are still higher- they look like they are on the same line as the search box. Check out this other site I am working on: http://mykidlist.com. The navigation bar looks like it is attached to the wrapper, but the navigation menu on http://fromourmom.com is floating above. I feel ridiculous about it because I know I configured it the first time but I honestly have been looking through the options for so long and have not been able to figure it out.

[drake]

The right behavior is on fromourmom - the search box is part of the navigation bar. On {kidlist} the behavior is "broken" because the menu items take too much space and the search box is moved to make room for menus

Anyway, here is the code to obtain the same effect on fromourmom:

Code: Select all

#wrapper {margin-top:0;padding-top:0;}
#right-header-widgets {margin-top:-50px;}

[aretzer]

Thank you!! That worked great.

Just one more question about the nav menu... I would like to space out the menu items so they span across the wrapper: make four wide buttons. Is there a way to set the width of each of the menu items?

[drake]

You can add this at Custom Styles to make menu tabs wider, but if you will wish to add in the future another menu item you will need to decrease the 240px value:

Code: Select all

#nav ul li {width:240px;}

*

[aretzer]

Perfect! I really appreciate your help!