Have been trying to make logo size smaller in mobile view but it has not changed, it is still huge. Any help in right code to use?

Hi, Please share your store URL and if your store is password protected then also provide password too. Thank you.

Hello @MLG0810 To provide you with the most precise solution in this case/ To make sure we catch your meaning right, could you please share… link? Thank you and hope to hear from you

LINK HERE i want to make logo for mobile smaller coz the header is way too big on mobile and i have tried all adjustments to no avail. i know the design of logo affects it but if there is any chance to make it smaller on mobile, it would help. thanks. also - i have 2 announcement bars. i want to m…

Hiii @MLG0810 You can try this code by following these steps: Step 1: Go to Online Store->Theme->Edit code. Step 2: Search file base.css. Step 3: Paste the below code at bottom of the file → Save @media screen and (max-width: 767px){ h1.header__heading { width: 80px; height: 80px; } }

sorry but it did not work, the logo still looks huge on mobile. no change whatsoever :disappointed_face: any other suggestions?

Can you share a screenshot please?

@media screen and (max-width: 767px){ .header__heading-logo { max-width: 60px !important; } } Or you can use that css code

Hi @MLG0810 This is Victor from PageFly - Landing Page Builder App You can try this code by following these steps: Step 1: Go to Online Store->Theme->Edit code. Step 2: Search file base.css. Step 3: Paste the below code at top of the file → Save @media screen and (max-width: 767px){ .header__…

Add this code at the bottom of your base.css, click Save button to solve it @media screen and (max-width: 767px){ .header__heading-logo { max-width: 80px !important; } }

How can I reduce the logo size in mobile view?

Store Design

MLG0810 December 9, 2022, 7:18am 7

sorry but it did not work, the logo still looks huge on mobile. no change whatsoever any other suggestions?

Topic		Replies	Views
How to decrease padding on announcement bar and change logo position Store Design design	4	61	February 18, 2024
How can I adjust padding and logo position on a mobile announcement bar? Store Design design	3	39	February 19, 2024
RITUAL THEME - header mobile view Store Design design	5	120	August 21, 2025
Slideshow image size on desktop and mobile + announcement bar, header Store Design	2	34	November 22, 2021
How can I hide or reduce the logo size on my sticky header? Store Design css	2	78	June 22, 2023

How can I reduce the logo size in mobile view?

Related topics