WordPress.com

1. alwayswellwithin
   Member
   Dec 7, 2011, 7:41 AM

   Hi,

   My blog is http://alwayswellwithin.com

   I put in a background using the code below. Looks great on the home page. But the nav bar is not working correctly. If you pull down on "resources" you will see the sub menu aligns to the left and you can't get over there to click on any of the options before it disappears. If you click on "about" the sub menu also aligns to the left; you can reach the options but it's still not correct. They all should align to the center. That's the main problem.

   body {
   background-image:url('http://alwayswell.files.wordpress.com/2011/12/subliminal.gif');
   background-repeat:repeat;
   background-attachment:fixed;
   width:1050px;
   margin-left:auto;
   margin-right:auto;
   }

   #site-wrapper {
   background-color:#FFFFFF;
   width:1000px;
   padding:15px;
   }

   #core-content {
   float:none;
   margin-left:auto;
   margin-right:auto;
   width:500px;
   }

   On a side note, when you go to a sub page, the main menu now wraps around to include a second line, although it's all on one line on the first page. Is there a way to fix that too.

   Thanks so much for your help. I really, really appreciate it!

   P. S. I did read the whole recent thread about centering on manifest, but I don't think it addressed this.

   The blog I need help with is alwayswellwithin.com.

2. thesacredpath
   Member
   Dec 7, 2011, 8:09 AM

   #main-nav ul ul has to be set to the same width as #site-wrapper, which is 1000px. Add this to your CSS.

   #main-nav ul ul {
   width: 1000px;
   }

3. alwayswellwithin
   Member
   Dec 7, 2011, 5:35 PM

   Aloha Sacred Path,

   Thanks so much! That worked perfectly for center aligning the sub menus on the nav bar. I appreciate you and your knowledge!

   I still have the "problem" that the menu titles wrap to a second line when you are actually on a page like this:

   http://alwayswellwithin.com/practical-guides/

   It doesn't happen on post pages, just pages.

   Is there a way to keep them on the same line?

   Thank you so much!

4. thesacredpath
   Member
   Dec 7, 2011, 5:57 PM

   This fixes it.

   #main-nav ul {
   width: 1000px;
   }

   And you are welcome.

Topic Closed

This topic has been closed to new replies.