hi,

great, awesome theme by the way.

Have a couple of issues, I have made the following CSS inserts to increase the space between the menu items, but I can’t seem to shift the menu buttons to fall just above my centre column without shifting the entire menu bar (resulting in white space on the left)

My URL is: www.motherinc.org

My CSS Inserts are

ul.rMenu li {
text-align: center;
}

ul.rMenu-hor li {
margin-left: 20px;
} (space between buttons)
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active {
padding: 7px 10px 7px 10px;
} (that means the space around the bar- top, right, bottom, left)

Also, somehow my sub menu “Truett & Kirsten” doesn’t fall directly under my main menu button for “photos and videos”, there seems to be some misalignment. How can I adjust this.

I’m a supernewbie to all this so really appreciate the help here.

hi flynn!
really need ur help but i have to launched the site soon so i made my own tweaks.

but what happens is if i do include submenus they are super misaligned, entirely displaced. what can i do?

if you go the the URL now the submenus have been removed but that's kinda a short term solution cos i do want them eventually..

I don't see any submenu at all

ok i have added it back.

under photogallery, supposed to be truett and kirsten - but the submenu appears way further down the right under contact me.

thank you SO much, really.

launching the site on may 11th so appreciate the help!

Add a CSS Insert

ul.rMenu-hor li ul li {
margin-left: 0;
}

to reset the left margin you gave top level items

uh, sorry done but it didn't seem to work?

also i only managed to somewhat centre the text by increasing the individual menu item's padding...is there a better way? what i would like is for the menu buttons to be above the centre column (i.e. above the main post)..

Remove the red part in your CSS insert

ul.rMenu-hor li {
margin-left: 80.5px;
} (space between buttons)

or change it to

ul.rMenu-hor li {
margin-left: 80.5px;
} /* space between buttons */

The browser stops there and does not read the following CSS styles.

You can also remove the CSS I gave you above, as you already had that (right after the red area)

hi flynn...tried but...unfortunately..still does'n't work!

Doesn't look changed to me

Replace this:

ul.rMenu-hor li {
margin-left: 80.5px;
} (space between buttons)
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active {
padding: 7px 10px 7px 10px;

with this:

ul.rMenu-hor li {
margin-left: 80.5px;
} /* space between buttons */
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active {
padding: 7px 10px 7px 10px;
}


in your CSS Inserts. (The last closing bracket was also missing)

Thank you. That's awesome!!!