Logo shrinking every time window resized, not returning.

Tourist
3 0 1

Hi, every time the window is resized my logo get's smaller. Problem is it doesn't return to size if you go back to full screen, and then it starts from the new size and gets smaller again. This was happening on scroll also, but I seem to have fixed that by changing Max Size from 135 to 180 is the settings code.

Any ideas?

www.eukora.co.nz

1 Like
Shopify Staff
Shopify Staff
578 18 53

Hi, Josh!

This is Max from the Shopify Team. 

That does seem odd. I did a test on my browser and the logo image does adjust for the smaller screen size (as expected for different screen sizes). It then continues to decrease as the window size is enlarged. 

Are you able to share some more information? Which theme are you using? What coding changes did you make to the logo (and where). 

If you're working with a custom or third-party theme, have you reached out to the theme's Developer? They might be best informed to review the code and error you're seeing. 

Either way a bit more information shared here would help the forums community better attempt to troubleshoot with you. 

Cheers, 
Max
support@shopify.com

Max | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Astronaut
1091 150 274

Try adding this to the bottom of your theme.scss.liquid file:

.site-header__logo-image{

width: 115px;

height: 36px;

}

Then it will stay the same size all the time.

 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Tourist
3 0 1

Thanks for the reply.

The theme is the 'minimal' standard theme.

Code change was made here:

 "sections": {
        "header": {
          "type": "header",
          "settings": {
            "align_logo": "left",
            "logo": "",
            "logo_max_width": 180,
            "main_linklist": "main-menu",
            "message": true,
            "color_bg": "#162950",
            "color_text": "#ffffff"

0 Likes
Explorer
73 2 7

Did you find a working solution? The proposed one didn't work for me.

0 Likes