how to shift the text in menu bar without shifting the entire side bar?
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!!!
|
All times are GMT -6. The time now is 09:13 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.