My main menu is centered but I want my sub menus aligned center under the their parent menu, not justified along the left.
Any help for this?
Center Sub Menus
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Jason
Thanks for reaching out.
It looks like you’ve managed to resolve. Let us know if you need any further help.
The problem is still there. If you hover over “Get Connected” and “New to Valley?” you will noticed that the left sides of the menus are justified with the left side of the main menu button but the right side extends beyond, off-setting the sub menu text from the main menu heading.
Thanks.
Did you make the original edit to style.css directly?
I centered the menu in the Customization menu for the theme and I’ve tried to make a few changes to the CSS, but nothing that had affected the sub menu’s centering so far.
Super, thanks for the further info. Let me climb into this tomorrow when I’m a bit fresher. I see the initial challenge to centering, I just need to dig a bit deeper.
Chat then.
Can we start out by restoring style.css to it’s original form? All WordPress themes overwrite their own folder during theme updates so changes made here aren’t update safe. You’re welcome to back the file up before restoring. There are one or two small modifications that have been made. Once restored we’ll be working from the same base which makes this much simpler.
Here is a link to the Vantage Premium ZIP file:
Private Snippet
Download the folder, un-zip, open style.css, copy the contents and paste it into Appearance > Editor > style.css. You can backup the contents of that file to a text file before doing so.
Next, go to Appearance > Custom CSS and remove the contents of that field:
That’s not a complete rule so it can go.
Next, paste the following:
/* Main Menu */ .main-navigation ul li { width: 140px; } .main-navigation ul ul li { text-align: center; } .main-navigation ul ul a { width: 140px; }Adjust the two 140px values to suit your menu. Setting this width is the only way I can see at the moment to center everything.