How To Fix Mobile Logo on Shopify Debut Theme

ellendickenson
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 willowgrovehome.myshopify.com and password "shop". Please let me know if you can help! 
Thanks so much! 

Ellen 

0 Likes

@ellendickenson 

Hey,

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,
Diego

◦ 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: ezfycode@gmail.com.
0 Likes