Shopify themes, liquid, logos, and UX
Hi guys, I need help with my mobile version of shop. How can I remove or hide Buy button (PORUČI) from Homepage? I tried some of the codes that you already shared but it didn't work. I attached PrtScn of my mobile home page.
Solved! Go to the solution
This is an accepted solution.
Sorry my mistake please remove the code and add this
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
button#es-sticky {
display: none !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
hi @JohnnyBoss
Please share your store URL so we can check
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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.
joleje.com
Hello,
Please share "Store URL"
Thanks!
JOLEje.com
Hello @JohnnyBoss
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
@media only screen and (min-width: 700px) {
#es-sticky {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Can't find base.css 🤔
Hello @JohnnyBoss
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width:767px){
button#es-sticky {
display: none !important;
}
}
</style>
Result:
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
It's still there. 😕
This is an accepted solution.
Sorry my mistake please remove the code and add this
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
button#es-sticky {
display: none !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Great! 👨🎓 Thans a lot!
*Thanks
your Welcome! I’m thrilled to know you’re happy with the result.
Hello, @JohnnyBoss
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom
button#es-sticky
.es-button cart-shaker {
display: none;
}
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