Logo looks too small on the mobile version with respect to the desktop version. How can I make it bigger. Then, is it possible to regulate the degree to which logo get smaller when scrolling down? [Community - Logo Mobile.png]

Hi @MichKev22 Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

8a86ec.myshopify.com Password: dahcko

Hi @MichKev22 Is this the result you want? Logo header on mobile is bigger than before. When scrolling down, it will be smaller again. [view (77).png] [view (78).png] To be able to save the code snippets and have them actually work on your website, please follow these steps: Step 1: Go to…

The solution you gave me works but the measurement had to be adjusted. I’d like to know how to shrink less the logo when scrolling down. I would like it to be roughly 60% of what it normally is.

Hi @MichKev22 When you move your mouse down, you will see class “.scrolled-past-header .header__heading-logo” with width 75% to shrink the logo header. So you can customize this % to resize when scrolling. Also, you can create CSS to override this class. [view (97).png]

How can I resize my logo on mobile and control its scrolling size?

Store Design

MichKev22 March 23, 2023, 3:30am 7

Could you please be more detailed? I didn’t manage to let it work.

Topic		Replies	Views
How to fix a shrinking logo and misplaced header on mobile? Store Design	2	62	October 22, 2022
How can I adjust the overlay header logo size? Store Design	7	104	July 15, 2022
How can I edit the header when scrolling? Store Design	3	40	November 12, 2021
How can I reduce the logo size in mobile view only? Store Design header	3	71	July 29, 2023
How to change the size of my logo on mobile only in the header - Dawn them Store Design customizations , css	1	70	April 19, 2023

How can I resize my logo on mobile and control its scrolling size?

Related topics