primary button glitch

rentwithc
Tourist
20 0 3

Hi im experiencing problems with my primary buttons glitching is there any way i can fix this?

(example below)  as u can see the 'submit' button and 'add to cart' button seem to be in a weird place. they also glitch and disappear occasionally, help would be greatly appreciated!

Screen Shot 2021-11-17 at 10.57.24 PM.pngScreen Shot 2021-11-17 at 10.56.58 PM.png

Replies 4 (4)
Vikas_Chovatiya
Shopify Partner
418 90 124

Hi @rentwithc 

1. Go to Online Store->Themes->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.booking-form{display:flex;margin-bottom:10px;}
.booking-form > div{width:calc(50% - 5px);margin-right:10px;}
.booking-form div:nth-child(2){margin:0;}
.product-form__item--payment-button{padding:0;}
#agree{margin:8px 10px 0 0;}
.cart__submit{width:100%;display:inline-block;text-align:center!important;order:2;max-width:230px;}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
rentwithc
Tourist
20 0 3

@Vikas_Chovatiya Thank you! i've fixed the placement of the buttons but now my 'submit' button doesn’t seem to be working? can i fix this? it is not clickable? and it also disappears until i hover over itScreen Shot 2021-11-18 at 9.36.14 AM.png

Vikas_Chovatiya
Shopify Partner
418 90 124

@rentwithc 

I didn't get any changes https://prnt.sc/1zzjdnq

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
rentwithc
Tourist
20 0 3

@Vikas_Chovatiya thats because i removed the coding, i thought it might fix the button glitch but it didn’t. can you help fix the button glitch and put it in the location it was in before?