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
514 132 131

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
11708 2294 2476

hi @JohnnyBoss 

Please share your store URL so we can check

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

JohnnyBoss
Tourist
13 0 0

joleje.com

topnewyork
Astronaut
1368 165 224

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
852 176 191

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
514 132 131

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
514 132 131

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
514 132 131

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
1368 165 224

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