Sticky Header

Solved
SSCCooper
New Member
2 0 2

Im having trouble with my sticky header logo size.

Whenever I scroll down its very small in comparison to the size of the logo in the normal header.

Just need help on what section of the code ill need to adjust for this.

Thanks

dmwwebartisan
Shopify Partner
5710 1306 1673

@SSCCooper 

Please share your webshop URL !

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
KetanKumar
Shopify Partner
16937 1851 6337

@SSCCooper 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
SSCCooper
New Member
2 0 2

steelstraw.co 

dmwwebartisan
Shopify Partner
5710 1306 1673

@SSCCooper 

Please add the following code at the bottom of your assets/theme.min.css file.

.header-wrapper--fixed .header__logo-image {
    max-width: 220px !important;
    width: 100% !important ;
}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
KetanKumar
Shopify Partner
16937 1851 6337

This is an accepted solution.

@SSCCooper 

thanks for URL

please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.min.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.header-wrapper--fixed .header__logo-image {max-width: 150px;} /* change the value as you like */

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes