Site logo

Archived topic

Placing the logo and site name in the header

6 replies · Started by Nadezhda on March 25, 2019

Viewing posts 1–7 of 7

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.

Hi there,

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

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

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

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.

Try this instead:

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

David, it worked out! Thank you very much!

Glad to be of help

This archived topic is closed to new replies.