Help pls. Store logo shrinks when currency button loads on header (mobile)

New Member
1 0 2

Hi guys. 

I have tried searching for a solution for this in the theme css (debut theme) and I guess it's in the padding somewhere? The logo on my website has padding around it and on mobile when the currency button appears in header when the webpage loads it squashes the logo down (see attached images) does anyone know how to resolve this issue?

For reference my website is www.rivieramugs.co.uk

 

2 Likes
Explorer
62 0 7

Did you find a solution? I have the same problem.

0 Likes
Shopify Partner
41 1 26

Hi,
Add this CSS role to your store:

 
Developer of PixPix Image Editor Shopify app
1 Like
Explorer
62 0 7

Thank you very much!

1 Like
Explorer
62 0 7

Unfortunately, it didn't work. I added it to my theme.scss.css. Is it the wrong place?

0 Likes
Shopify Partner
41 1 26

What is your store url? the above code was for rivieramugs.co.uk store

Developer of PixPix Image Editor Shopify app
1 Like
Explorer
62 0 7

Thank you! This is my url: https://econceptstore.de/.

0 Likes
New Member
1 0 0

Could please help me with this as well? I have the same problem. My store is jaydonjewelry.com.

Thanks

0 Likes
Shopify Partner
41 1 26

@Jaydon Add this to your store theme:

 
@media screen and (max-width: 749px) {
    .site-header .grid .grid__item.medium-up--one-quarter {
      width: 100% !important;
    }

    h1.site-header__logo {
        margin: 0;
    }
}

@ilja Sorry, i can not see how you want to expand your logo, can you send a screenshot of how it should look like?

 

Developer of PixPix Image Editor Shopify app
0 Likes