[Resolved] Move top-bar inside site-header

Home Forums Support [Resolved] Move top-bar inside site-header

Home Forums Support Move top-bar inside site-header

  • This topic has 5 replies, 3 voices, and was last updated 5 years ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #852895
    Bas

    Hi,

    Is it possible to move the content of the top-bar (as seen on my website) to the top right of the site-header?
    This will save me another 30 pixels of valuable space.

    Thanks in advance 🙂

    #852930
    Leo
    Staff
    Customer Support

    Hi there,

    I believe using header widget area might be the easier route.

    Can you try that first and let me have a look?

    Thanks!

    #853302
    Bas

    I moved the navigation menu to the header widget area as you told.
    Now the items are spaced vertically.

    How can I make them space horizontally?

    #853358
    David
    Staff
    Customer Support

    Hi there,

    this CSS:

    .header-widget {
        max-width: 80% !important;
    }
    #menu-header-menu {
        display: flex;
        margin-top: 1em;
    }
    #menu-header-menu > li {
        margin-left: 2em;
    }

    Or alternatively you could use the Secondary Navigation and set it to float right. It will generate a separate mobile menu though.

    #853547
    Bas

    Hi David,

    Works like a charm.
    Thanks for the fast reply.

    Have a nice day!

    #853581
    David
    Staff
    Customer Support

    You’re welcome

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.