Can I make my theme header slim on mobile?

Store Design
,
1

I would like to make the header slim on mobile, is this possible?

2

Hi @ludicolo

This is Henry 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 bottom of the file → Save

@media (max-width: 767px){

.header {

padding-top: 0 !important;

padding-bottom: 0 !important;

}

.header__heading-logo {

max-width: 100px !important;

}}

In case the above code does not work, please share with me the editor url and password page. So I can examine this issue more closely.

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

doesn’t work, still the same size in mobile

4

how can i share with you the editor url?

5

I mean url page.

6

https://lojasupraonline.com/

7

You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.

@media (max-width: 767px){ img.header__heading-logo.motion-reduce { max-width: 70% !important; } }