Header html widgets to horizontal line

[Tarko]

Hi,

Im trying to get my 2 header text elements to horizontal line, not like vertical as those are now?

[David]

Hi there,

try adding this CSS:

.header-widget {
    display: flex;
}
.header-widget aside:first-of-type {
    margin-right: 2em;
}
@media (max-width: 768px) {
    .header-widget {
        justify-content: space-between;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tarko]

Thank you, worked great!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts