Add to basket button (full width)

Hi there

Is it possible with a small CSS tweak to strech the “Add to basket” button to it’s full width on all viewports to show it the same width as (in this example) the GPay Button?

Many thanks
-a

Hello,

Could you please send me the URL link to your website?

I await your response.

Kind Regards

Hi there

Sure, many thanks!

Kind regards
-a

Hello,

The below code will make the button wider, please define it. in Theme Settings -> Custom CSS.

.single-product .single_add_to_cart_button {
    width: 100%;
}

Kind Regards

Many thanks, works great!

Is there another code to do an exception for the bottom bar (Add to basket, see screenshot)?

Best
-a

Attachments:

You must be logged in to view attached files.

Hello,

Please send me access to the website because you have the maintenance mode so I cannot check that button.

https://take.ms/e7ZSt

Kind Regards

Hi there,

Many thanks. We did temporary removed the Maintenance Page.

Link in private section.

Many thanks
-a

Hello,

Please enter the below code in Theme Settings -> Custom CSS. Then recheck the issue and let me know.

.single-product .wd-sticky-btn .cart {
    width: 100%;
}

Kind Regards

Awesome, thank you so much!

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards

[Author]

Posts