Shopify themes, liquid, logos, and UX
Hi All
I have Shopify Origin as a theme.
I have added a Anchor to scroll to from the "Shop Now" button to "Buy Box" at the bottom of the page (this is a sales Landing Page).
I want the page to slow scroll. I have tried adding all of the codes i have found and have also tried the a custom.js option
Can anyone guide me around this issue
https://www.upanfrypan.com/pages/landing-page
Thanks in advance
Hello,
All you need is to put below code in your css file
html {
scroll-behavior: smooth;
}
If it works for you, do leave a like 🙂
Hi Tanish,
Thanks for the response, that doesn't work in the base.ccs file, it stops the anchor link from working as well. Doing that or encasing it in <script> and adding it to the theme.liquid file.
Did it not work by placing it in the theme.liquid file as well?
yes the script i used was as below placed above the </body>
<style>
html{
scroll-behavior: smooth;
}
</style>
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024