Archived topic
Change Logo Size in GeneratePress Header Element
6 replies · Started by Adolfo on October 4, 2021
Viewing posts 1–7 of 7
Hi there. I have created two header elements. The first one is for home and the last one for all the site. I want to know how to change (make bigger) logo's size just in home. Check my website: https://rincondealex.com
Thanks for your help
Hi there,
Try adding this CSS:
@media (min-width: 769px) {
body.home .site-logo {
width: 200px;
height: auto;
}
body.home .site-logo img {
width: 100%;
height: auto;
object-fit: contain;
}
}Hi there Elvin. Thanks!!! It works. Regards.
Elvin, is there a way to apply same at mobile and tablet?
We can remove the @media wrapper so it applies to all viewports.
Example
body.home .site-logo {
width: 200px;
height: auto;
}
body.home .site-logo img {
width: 100%;
height: auto;
object-fit: contain;
}Thanks a lot. Regards.
No problem. :D
This archived topic is closed to new replies.
