Re: Buy button on mobile version

Solved

Buy button on mobile version

JohnnyBoss
Tourist
13 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
504 128 126

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
10776 2130 2251

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.

JohnnyBoss
Tourist
13 0 0

joleje.com

topnewyork
Astronaut
1018 139 174

Hello,

 

Please share "Store URL"

 

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
JohnnyBoss
Tourist
13 0 0
JohnnyBoss
Tourist
13 0 0

JOLEje.com

GTLOfficial
Shopify Partner
754 156 163

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
13 0 0

Screenshot 2024-11-29 092405.png

Can't find base.css 🤔

Tech_Coding
Shopify Partner
504 128 126

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
13 0 0

Screenshot 2024-11-29 092100.png

 

It's still there. 😕

Tech_Coding
Shopify Partner
504 128 126

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
13 0 0

Great! 👨‍🎓 Thans a lot!

JohnnyBoss
Tourist
13 0 0

*Thanks

Tech_Coding
Shopify Partner
504 128 126

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
1018 139 174

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
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month