Archived topic
Site title and logo customization for Mobile devices
3 replies · Started by Maki on February 10, 2023
Viewing posts 1–4 of 4
Greetings! So basically, my issue is this: I've set the logo and the site title for the desktop version of the website. It looks fine. But when I look at the mobile version, half of the site's title is off the page, so it doesn't look user-friendly. I've tried to reduce the logo width, but it also becomes smaller on the desktop. Ideally, I would prefer the site title to appear below the logo.
This is my website: https://recipes.makikulinarka.com/
Thank you :)
Hi there,
try adding this CSS:
@media(max-width: 768px) {
.site-branding-container {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.site-header .header-image {
width: 120px;
}
}Nice I like it :) thanks
You're welcome
This archived topic is closed to new replies.