Topbar menu: center and change color

  • Resolved musafrugal

    (@musafrugal)


    7 years, 10 months ago

    Hi everyone,

    I am trying to center my topbar menu and also change its color, but I have not been able to do so.

    These are the code lines I have tried already:

    #nav-topbar .nav { text-align: center; }

    .full-width.admin-bar #nav-topbar.nav-container {
    text-align: center !important;
    }

    #nav-header {
    text-align: center !Important;
    }

    Can anyone here help me out please? I am a little CSS code-challenged, but I can copy paste like a pro ??

    My website is https://www.musafrugal.com

    Thank you!

    • This topic was modified 7 years, 10 months ago by musafrugal.
Viewing 3 replies - 1 through 3 (of 3 total)

  • I’d love to know this too! I have tried that CSS as well, and it didn’t work for me either. Thanks.

    Thread Starter musafrugal

    (@musafrugal)

    @kathleenh In the end this worked for me:

    #nav-topbar .nav { text-align: center!important; }
    #nav-topbar .nav { color: #1abc9c; }

    Got it, thanks! This is what worked for me:

    #nav-header .nav { text-align: center; }

    I’m using the header menu (not the topbar menu, they must be different!). The code I’d copied earlier missed out the ‘ .nav’ part, which I realised when looking at the code you provided. It’s the little things! Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Topbar menu: center and change color’ is closed to new replies.