[Resolved] Placing the logo and site name in the header

[Nadezhda]

Hello! I can not find the documentation, how to put in the header of the logo on the left, and the name and description of the site on the right. Square logo, 70 * 70, there is a place.

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

add this CSS to align the logo left of the Site Title:

.site-logo {
    float: left !important;
}

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

[Nadezhda]

David, thank you very much! I’ll go try.

[Nadezhda]

Unfortunately it did not help. Now the title and description are located on the left above the logo. Increasing the indent for the title did not give a result. Anyway, it is above the logo. Or I incorrectly set these indents.

[David]

Try this instead:

.inside-header {
    display: flex;
    align-items: center;
}
.site-logo {
    order: -1;
    margin-right: 1em;
}

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

[Nadezhda]

David, it worked out! Thank you very much!

[David]

Glad to be of help

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

[Author]

Posts