[Resolved] Site title and logo customization for Mobile devices

[Maki]

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 🙂

[David]

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;
    }
}

[Maki]

Nice I like it 🙂 thanks

[David]

You’re welcome

[Author]

Posts