Site logo

Archived topic

Front page upper logos/logos

6 replies · Started by Jaakko on June 29, 2020

Viewing posts 1–7 of 7

Check my site --> https://sahkosipa.fi. Now there is two logo in one picture. When I look page computer view everythink look ok (logos size is ok). But when I look page mobile view, logo are too small. I want that logo's would be in different files and below each other in the mobile view.

How I do that?

Hi there,

replace your current logo in Site Identity with Image #1.
Then add Image #2 to the Header Widget.

Once that is done i can provide some CSS to arrange them on Desktop and Mobile.

Where I can activate Header Widget?

Please, check my page now. Computer view is not good, the logo's must be in the same plane.

Try adding this CSS:

.inside-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

@media(max-width: 768px) {
    .inside-header {
        flex-direction: column-reverse;
    }
}

Thank you very very much. =)

Glad to be of help

This archived topic is closed to new replies.