Shopify themes, liquid, logos, and UX
Hi all,
I have tried every solution out there (both in the Shopify Community and Youtube) and nothing seems to work. The Refresh theme seems more recent than others and therefore may need a specialized solution ?
Editing the base.cc (which replaces the theme.scss.liquid from my understanding) as well as the theme-editor.js (which replaces the theme.js from my understanding) with the usual pieces of code found in various posts does not change the behavior of the header.
Your help would be much appreciated!
Solved! Go to the solution
This is an accepted solution.
Go to your Shopify admin > Online store > Themes > Live theme > Actions > Edit code > Assets > base.css and add this code at the bottom of the file
.shopify-section-header-hidden {
transform: translateY(0%) !important;
}
Get 3 months of Shopify for $1/month. Sign up here
Ryviu - Aliexpress Reviews app - is a product review app with the ability to import reviews from Aliexpress, Amazon, Etsy, and DHgate. Over 56.000 stores use it.
Is it helpful? Like or Accept solution to let me know 🙂
Could you provide your store URL?
Get 3 months of Shopify for $1/month. Sign up here
Ryviu - Aliexpress Reviews app - is a product review app with the ability to import reviews from Aliexpress, Amazon, Etsy, and DHgate. Over 56.000 stores use it.
Is it helpful? Like or Accept solution to let me know 🙂
This is an accepted solution.
Go to your Shopify admin > Online store > Themes > Live theme > Actions > Edit code > Assets > base.css and add this code at the bottom of the file
.shopify-section-header-hidden {
transform: translateY(0%) !important;
}
Get 3 months of Shopify for $1/month. Sign up here
Ryviu - Aliexpress Reviews app - is a product review app with the ability to import reviews from Aliexpress, Amazon, Etsy, and DHgate. Over 56.000 stores use it.
Is it helpful? Like or Accept solution to let me know 🙂
Thank you so much for your help!!!
That was incredibly easy 😅. Hopefully this thread will help others as well.
Hello,
I have exactly the same problem, tried everything but nothing seems to work out.
I also added your code but didn't fix it.
Could you have a look please ?
Website : https://www.spoown.com
I'm using gempages, if it could be a problem with the header..
Thx
Hi @Tiagiinho.,
Please try to use this code
.shopify-section-header-hidden {
transform: translateY(0%) !important;
}
.shopify-section-header-sticky {
position: fixed !important;
width: 100%;
}
Get 3 months of Shopify for $1/month. Sign up here
Ryviu - Aliexpress Reviews app - is a product review app with the ability to import reviews from Aliexpress, Amazon, Etsy, and DHgate. Over 56.000 stores use it.
Is it helpful? Like or Accept solution to let me know 🙂
Thanks @Dan_From_Ryviu .
It works but a small problem remains. As you can see when you scroll down the announcement bar and header disappear to bump just after and get sticky. It creates a short animation that is not really smooth.
Edit : What should I do if i want the announcement bar sticky as well ? So the all header will be smoother. Thx
User | RANK |
---|---|
211 | |
146 | |
66 | |
46 | |
45 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023