Archived topic

Move top-bar inside site-header

5 replies · Started by Bas on March 28, 2019

Viewing posts 1–6 of 6

March 28, 2019 at 2:21 pm #852895

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 :)

March 28, 2019 at 3:26 pm #852930

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!

March 29, 2019 at 4:41 am #853302

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?

March 29, 2019 at 5:45 am #853358

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.

March 29, 2019 at 7:08 am #853547

Hi David,

Works like a charm.
Thanks for the fast reply.

Have a nice day!

March 29, 2019 at 7:58 am #853581

You're welcome

This archived topic is closed to new replies.

Start building better websites today.