CSS to center navigation?

  • Author
    Posts
  • #129936

    roxistclair
    Member

    Good Day! I can’t for the life of me figure out how to center the navigation at the top of the page. It seems a bit shifted to the right when using a custom logo and without a logo. Is there any way to center it using CSS? I do have the Custom Design Upgrade.

    Thank you kindly in advance for your help.

    Regards,
    Roxi

    The blog I need help with is roxistclair.com.

    #130035

    scottrrollo
    Theme Author

    Hey again, Roxi 👋

    To center align your menu, please try this snippet:

    nav[role=navigation] li:first-child {
        margin-left: 0 !important;
    }
    nav[role=navigation] li:first-child a {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    Let us know how that works for you :)

    #130049

    roxistclair
    Member

    Hiya Scott! You came through again…. it worked like a charm!

    Thanks!
    Roxi

The topic ‘CSS to center navigation?’ is closed to new replies.