shopify buttons

shopify buttons

Golfopia
Tourist
8 0 1

How do I change the size and position of each button?  I have chat and rewards and want to add a welcome offer.  When I did that the rewards and welcome offer overlapped.

Replies 6 (6)

CodingFifty
Shopify Partner
525 80 99

Hi @Golfopia,


Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

suyash1
Shopify Partner
10553 1304 1671

@Golfopia - can you please share your website link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

DaisyVo
Shopify Partner
3529 395 480

Hi @Golfopia 

 

Please share your store link and take a photo of the button you want to edit

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Golfopia
Tourist
8 0 1

https://golfopia.com/

I added a $10 off first purchase button - it looks fine when its viewed on a desktop however on a mobile device the button overlaps with my rewards button. I currently only have the button to show on desktops but would love it for mobile users as well

 

CodingFifty
Shopify Partner
525 80 99

Hi @Golfopia,

 

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

 

@media (max-width: 768px){
h3._teaserHeading_ou4pe_29 {
    font-size: 13px !important;
}

._appEmbedBottomMiddle_1tvcr_22 {
    left: 56% !important;
}
}

 

CodingFifty_0-1738344710525.png

 

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
DaisyVo
Shopify Partner
3529 395 480

Hi @Golfopia 
on desktop
i saw your code here

DaisyVo_0-1738422552220.png

but on mobile, i dont see code 
where did you add the code

DaisyVo_1-1738422618367.png

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution