Archived topic
Front page upper logos/logos
6 replies · Started by Jaakko on June 29, 2020
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