Premium Theme Support › The Theme Foundry › Avid

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: (visible only to logged in users)

    #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
    Original poster

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

    Thanks!
    Roxi

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