How can I reposition the dynamic button below the buy button?

Store Design
, , , ,
1

Hello,

I added the dynamic button on my product page, but I would like to change the position.

Here, the dynamic button is to the right of the purchase button. I’d like to put it below. :blush:

Now :

Capture d’écran 2023-07-04 à 17.33.02.png
Capture d’écran 2023-07-04 à 17.33.02.png850×333 29.9 KB

What I would like :

Capture d’écran 2023-07-04 à 17.33.51.png
Capture d’écran 2023-07-04 à 17.33.51.png418×175 1.55 KB

My theme is Broadcast.

My website is : www.hedisonparis.com (no pass word)

Thank you so much for your help !

Anne-Sophie

2

Hello @Anne-Sophie1

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.product__submit__buttons {
    flex-flow: column;
}
3

Hello,

Thank you for your help. :blush:

The dynamic button is well below the purchase button.

Do you have a solution to keep it at its original length, please ? (longer)

Now :

Capture d’écran 2023-07-05 à 12.58.33.png
Capture d’écran 2023-07-05 à 12.58.33.png519×315 10.9 KB

My original button : (size I would like to have)

Capture d’écran 2023-07-05 à 13.02.52.png
Capture d’écran 2023-07-05 à 13.02.52.png619×211 7.5 KB

Thank you so much,

Anne-Sophie

4

Hello @Anne-Sophie1

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.product__submit__buttons {
    flex-flow: column;
    align-items: unset;
}
.shopify-payment-button {
    max-width: 100% !important;
}
5

Hello,

Thank you so much for your help, it works ! :tada:

Have a nice day,

Anne-Sophie