This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

6
  1. Andrew Misplon Staff 10 years, 5 months ago

    Hi Jason

    Thanks for reaching out.

    It looks like you’ve managed to resolve. Let us know if you need any further help.

  2. Jason Bonner 10 years, 5 months ago

    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.

  3. Andrew Misplon Staff 10 years, 5 months ago

    Thanks.

    Did you make the original edit to style.css directly?

  4. Jason Bonner 10 years, 5 months ago

    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.

  5. Andrew Misplon Staff 10 years, 5 months ago

    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.

  6. Andrew Misplon Staff 10 years, 5 months ago

    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:

    padding: 20px 35px;

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread