WordPress.org

Forums

Duena
Centre the navigation bar (8 posts)

  1. daydreamer87
    Member
    Posted 1 year 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 1 year ago #

    A link to your site would be helpful!

  3. Edde Poon
    Member
    Posted 1 year 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
    Forum moderator
    Posted 1 year ago #

    and play around with pixel till its center.

    Duena is a responsive theme.

  5. jeffcoop
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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.