Archived topic
Mobile Logo Showing Up Small
1 reply · Started by Audrey on November 23, 2022
Viewing posts 1–2 of 2
My logo looks fine on desktop and tablet, but it's small to the point of being unreadable on mobile devices. This question has been asked a lot, and I've tried all the suggestions (removing padding, adjusting the menu, CSS edits, etc), but it hasn't resolved my issue. Any ideas?
You have this CSS:
.site-logo {
position: absolute;
left: 50%;
transform: translatex(-50%);
}Can you try adding a media query to it like this?
@media (min-width: 769px) {
.site-logo {
position: absolute;
left: 50%;
transform: translatex(-50%);
}
}And you have this CSS which limits the logo width to 250px on mobile, try using a larger value.
@media (max-width: 768px)
.site-header .header-image {
width: 250px;
}
}
This archived topic is closed to new replies.
