I started this thread two months ago because of a mistake that I made, which caused the entire menu bar to shift to the left side of the page. Now that I have time to finish this site, I am trying to do the same thing as Maria.
I tried using the same instructions that you gave her, but
#header #mainmenu {
float: none;
}
was pushing the main content area down 10px whenever I hovered over a menu item. Also
#header #mainmenu ul li {
float: none;
}
caused all my drop down menu’s to appear on the left side of the page, and not under the parent item.
This is probably being caused by some other CSS that I have added to my child theme, but I am not sure exactly what is. Sakin, if you have any suggestions I would greatly appreciate it.
The site that I’m working on can be found here.
I could try and “fake” centering the items using margins and padding, but I would really prefer to do this the right way.
Thanks,
Daniel