WordPress.org

Ready to get started?Download WordPress

Forums

Duena
Centre the navigation bar (8 posts)

  1. daydreamer87
    Member
    Posted 8 months ago #

    Hello,

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

    Regards

  2. Laura Hartwig
    Member
    Posted 8 months ago #

    A link to your site would be helpful!

  3. Edde Poon
    Member
    Posted 8 months 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 8 months ago #

    and play around with pixel till its center.

    Duena is a responsive theme.

  5. jeffcoop
    Member
    Posted 8 months 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 8 months 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 5 months 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 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.