Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi there
Which code to be used for the footer section to stay only at the bottom at the page, not moving as you scroll the page?
Could you share your store URL so I can check?
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
tonsure.eu
Go to your Online Store > Themes > Edit code > open theme.liquid file, after <head> add this code
<style>
@media (min-width: 640px) {
.template-index .Footer {
position: unset !important;
}
}
</style>
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thank you. There is a text and a line, in the bottom saying: "search form" how can I delete this?
You can try the footer.liquid file, find and remove that texts
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thank you for you replys- they help 🙂
On our product pages there is a white text written as an overlay of the mail writing. How do I remove that- is there a code, and where to put it?
Hei again
How is it possible to make the header move with the page as you scroll down?
I fixed it 😉
Hi again
How do I make a CTA botton on product cards?
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 theme.liquid
Step 3: paste bellow code in tag </body> -> save.
<style>
footer#section-footer {
position: unset !important;
}
</style>
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.
In addition, I realize that you can add colors, effects, and animations... to the button to make it more prominent, so users can easily recognize it and increase the click rate.
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.
Hello @tonsurepeople
Go to Online store---------------------> Themes-------------------> Edit code--------------------> Find file "theme.scss.css" go to line number 9294
you will see this CSS bellow
.template-index .Footer {
position: fixed;
width: 100%;
bottom: 0;
background: transparent;
border-top: none;
z-index: 2;
-webkit-transition: background .1s ease-in-out;
transition: background .1s ease-in-out;
}
replace with this one
.template-index .Footer {
/* position: fixed; */
width: 100%;
bottom: 0;
background: transparent;
border-top: none;
z-index: 2;
-webkit-transition: background .1s ease-in-out;
transition: background .1s ease-in-out;
}
Please let me knoiw
Thanks
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025