Center Ascension site title & nav bar

  • Resolved lh514

    (@lh514)


    5 years, 1 month ago

    Hi all, I’ve tried a lot of CSS bits I’ve found through the forum here to help me center the site title and tagline, and then center the navigation. It is NOT working.
    Here’s the code I put in the “Additional CSS” area — which makes it look PERFECT in the editor, but not on the front-end. PLEASE HELP!

    .site-header .site-title-wrapper {
    float: none;
    display: block;
    text-align: center;
    }

    .main-navigation {
    float: none;
    display: inline-block;
    }

    .main-navigation-container {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @lh514

    You can try the following to center the navigation in the header:

    .main-navigation {
   display: inline-flex;
   float: none;
}

    That should get things centered properly. Let us know if that helps!

    Evan

Viewing 1 replies (of 1 total)
  • The topic ‘Center Ascension site title & nav bar’ is closed to new replies.