What's your biggest current challenge? Have your say in Community Polls along the right column.

Buy button on mobile version

Solved

Buy button on mobile version

JohnnyBoss
Tourist
12 0 0

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.

Screenshot 2024-11-29 075303.webp

Accepted Solution (1)
Tech_Coding
Shopify Partner
418 111 98

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.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 14 (14)

Dan-From-Ryviu
Shopify Partner
10340 2051 2135

hi @JohnnyBoss 

Please share your store URL so we can check

- Helpful? Like and Accept solution! Or Support me: Buy 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.

JohnnyBoss
Tourist
12 0 0

joleje.com

topnewyork
Astronaut
781 124 141

Hello,

 

Please share "Store URL"

 

Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
JohnnyBoss
Tourist
12 0 0
JohnnyBoss
Tourist
12 0 0

JOLEje.com

GTLOfficial
Shopify Partner
680 145 143

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
38.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
JohnnyBoss
Tourist
12 0 0

Screenshot 2024-11-29 092405.png

Can't find base.css 🤔

Tech_Coding
Shopify Partner
418 111 98

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:

Tech_Coding_0-1732868045370.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
JohnnyBoss
Tourist
12 0 0

Screenshot 2024-11-29 092100.png

 

It's still there. 😕

Tech_Coding
Shopify Partner
418 111 98

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.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
JohnnyBoss
Tourist
12 0 0

Great! 👨‍🎓 Thans a lot!

JohnnyBoss
Tourist
12 0 0

*Thanks

Tech_Coding
Shopify Partner
418 111 98

your Welcome! I’m thrilled to know you’re happy with the result.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

topnewyork
Astronaut
781 124 141

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!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount