how to hide mobile display in buy now button is hide

Solved

how to hide mobile display in buy now button is hide

zelzis
Excursionist
21 4 5

zelzis_0-1725703769531.png

our website in buy now button show i want to requested this buy now button in hide only mobile device 

is this possible?

in this case is possible to help in this case

 

akshay
Accepted Solutions (4)

Rahul_dhiman
Shopify Partner
849 164 182

This is an accepted solution.

HEllo @zelzis 
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

#gokwik-buy-now {
display: none !important;
}

result
4.png

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

View solution in original post

Tech_Coding
Shopify Partner
519 133 131

This is an accepted solution.

Hello @zelzis 

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){
   .productView-groupBottom {
       display: none !important;
    }
}
</style>

Tech_Coding_0-1725704614600.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.

View solution in original post

zelzis
Excursionist
21 4 5

This is an accepted solution.

this are work but i also remove add to cart button in mobile device please check and help in this case

 

akshay

View solution in original post

Tech_Coding
Shopify Partner
519 133 131

This is an accepted solution.

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){
  .product-form__buttons {
      display: none !important;
   }
}
</style>

Tech_Coding_0-1725705293248.png

my reply helpful? Click Like to let me know!
your question answered? Mark MY Both Solutions  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 5 (5)

Rahul_dhiman
Shopify Partner
849 164 182

This is an accepted solution.

HEllo @zelzis 
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

#gokwik-buy-now {
display: none !important;
}

result
4.png

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

Tech_Coding
Shopify Partner
519 133 131

This is an accepted solution.

Hello @zelzis 

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){
   .productView-groupBottom {
       display: none !important;
    }
}
</style>

Tech_Coding_0-1725704614600.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.
zelzis
Excursionist
21 4 5

This is an accepted solution.

this are work but i also remove add to cart button in mobile device please check and help in this case

 

akshay
Tech_Coding
Shopify Partner
519 133 131

This is an accepted solution.

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){
  .product-form__buttons {
      display: none !important;
   }
}
</style>

Tech_Coding_0-1725705293248.png

my reply helpful? Click Like to let me know!
your question answered? Mark MY Both Solutions  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.
zelzis
Excursionist
21 4 5

i want two code apply but add to cart button is not remove in mobile device please ceheck any update for this case

zelzis_0-1725707429913.png

 

akshay