Solved

How to move Mobile Shop Now Button on mobile

2DRIPP
Explorer
46 0 16

I know how to change the position of the Shop Now button on the desktop,

How do I adjust it on mobile now? I want it moved to the centre

website: 2dripp.com

password:123

image0.png 

 

 

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 749px){
div#shopify-section-1626490174fc43b276 .page-width.text-center a.btn.hero__btn {
left: 50%;
transform: translate(-50%, 0%);
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 6 (6)

Danielkebbe84
Excursionist
18 1 3

I hope this may help you follow these steps to add the shop or buy button

Firstly. Add the Buy Button sales channel.
Now, On the Add sales channel dialog, click Buy Button to learn more about the sales channel.
Then, Click Add channel.
To create a Buy Button, go back to your Shopify admin and go to Buy Button.
Click Create a Buy Button.

Here you go.

For More Such Querries Free Feel to Contact me, I would be happy to assist:

---
Thanks & Regards
Daniel Kebbe
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 749px){
div#shopify-section-1626490174fc43b276 .page-width.text-center a.btn.hero__btn {
left: 50%;
transform: translate(-50%, 0%);
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
2DRIPP
Explorer
46 0 16

unfortunately my themes update dosent have scss.css anymore (https://www.shopify.com/partners/blog/deprecating-sass)

I went to Asset >theme.css. And Pasted but it didn't work for me, no change

 

ZestardTech
Shopify Expert
5393 970 1291

ok add code this one file Asset >theme.css

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
2DRIPP
Explorer
46 0 16

I did , nothing changed 😞

2DRIPP
Explorer
46 0 16

anybody able to help