WordPress.org

Forums

Duena
Centre the navigation bar (8 posts)

  1. daydreamer87
    Member
    Posted 2 years ago #

    Hello,

    I would like if possible to centre the tabs on the navigation bar? Any tips of how to do this?

    Regards

  2. LauraHartwigDesign
    Member
    Posted 2 years ago #

    A link to your site would be helpful!

  3. Edde Poon
    Member
    Posted 2 years ago #

    Hi daydreamer,

    you can post this in your custom css.

    .sf-menu {
    text-align: center;
    }
    .navbar_inner > div > ul, .navbar_inner > ul{
    display:inline-block;
    }

  4. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    and play around with pixel till its center.

    Duena is a responsive theme.

  5. jeffcoop
    Member
    Posted 2 years ago #

    @Edde Poon

    Your CSS works, however, when I resize the window to the smallest width, the nav bar is still shown along with the responsive drop down nav bar. Any suggestions on how to prevent that and only show the drop down bar?

  6. jeffcoop
    Member
    Posted 2 years ago #

    Nevermind...I figured it out. Adding this code to my style.css fixed it.

    @media (max-width: 767px) {
    .navbar_inner > div > ul, .navbar_inner > ul {
    display: none !important;
    }
    }
  7. bazzah41
    Member
    Posted 2 years ago #

    I'm also trying to centre the menu bar but when I add the above to style.css the menu bar disappears and the drop down appears.

    Any ideas?

  8. LilDreamsOne
    Member
    Posted 2 years ago #

    Hey !
    i'm also looking for a solution, anyone ?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.