How To Fix Mobile Logo on Shopify Debut Theme

New Member
1 0 0

Hello! I am having issues with my mobile logo for my Shopify Store Debut Theme. Originally I increased the logo size on the desktop version and centered it, but now the mobile logo is wider than the page. I have tried a lot of different codes, but I can't seem to get it to fit in the right size. My shop is and password "shop". Please let me know if you can help! 
Thanks so much! 





the code you added is breaking your website, ideally you'd need to use a media query for it. 

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (max-width: 767px){
    [id] .site-header__logo img{
        max-width: 100% !important;
        width: 100% !important;

Please let me know whether it works.

Kind regards,

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: