Logo and Header squished on mobile layout

[spoly3]

When I am in mobile layout view, my header and logo are squished together. How can I fix this problem? Picture of problem below.

[Dan-From-Ryviu]

Hi @spoly3

Could you share your store link so I can check?

[spoly3]

sidpolyphoto

[Dan-From-Ryviu]

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code

{% if template == 'index' %}

{% endif %}

[goldi07]

Hello @spoly3 Go to online store ----> themes ----> actions ----> edit code ---->assets ---->base.css…>
add the code end of the file

@media (max-width: 768px) {
    .header {
        padding: 10px;           
    }
    .logo {
        max-width: 80px;        
        margin-right: 20px;      
    }
}

thankyou

[spoly3]

Thank you [email removed]Dan-From-Ryviu . I added the code you provided to my stores theme code but this is how it appears still… Anymore tips on how to fix this?

[Dan-From-Ryviu]

Please try to update the code and check again

{% if template == 'index' %}

{% endif %}