Archived topic
Logo Barely Visible in Mobile View
4 replies · Started by tbgr on June 22, 2021
Viewing posts 1–5 of 5
My logo looks ok in the Mobile view when I'm in APPEARANCE/CUSTOMIZE/SITE IDENTITY.
The problem is when I view the site on my iPhone, the logo is barely visible.
This is a screen shot of my iPhone.
Hi there,
The size of the site title and the tagline's font is making the logo adjust its size to a point where it's barely visible.
Consider resizing the site title and tagline's font sizes so the logo has more space on the header.
Try adding this CSS:
@media(max-width:600px){
.site-branding p.main-title {
font-size: 16px;
}
.site-branding p.site-description {
font-size: 12px;
}
}That CSS did the trick.
Thank you!!!!
No problem. Glad to be of any help. :D
This archived topic is closed to new replies.
