Solved

Refresh theme header

ludicolo
New Member
6 0 0

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

Accepted Solution (1)
PageFly-Henry
Astronaut
809 222 194

This is an accepted solution.

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 </body> -> save.


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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 6 (6)

PageFly-Henry
Astronaut
809 222 194

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ludicolo
New Member
6 0 0

doesn't work, still the same size in mobile

ludicolo
New Member
6 0 0

how can i share with you the editor url?

PageFly-Henry
Astronaut
809 222 194

I mean url page.

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ludicolo
New Member
6 0 0
PageFly-Henry
Astronaut
809 222 194

This is an accepted solution.

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 </body> -> save.


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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.