Docs

[Itwebdevelopment]

Hi I’d like to make this “buy now” button full width.

https://gyazo.com/de81a43c6f3ee1f728b20bd321e734c5

can you guys help?

Thanks!!

[Jade]

HI there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Itwebdevelopment]

Thanks for your message.

Here’s the link:

https://www.dzdrones.com/wp-admin/customize.php?url=https%3A%2F%2Fwww.dzdrones.com%2Fproduct%2Fcarbon-fiber-dz-drone-with-goggles-and-remote%2F

Just want to make it full width on mobile.

Thanks!!

[Itwebdevelopment]

I had this and it worked:

@media (max-width: 480px) {
.woocommerce .wc-proceed-to-checkout a {
width: 100%;
}
}

But since the rename it’s no longer working.

[Rad]

Hi there,

Please change that CSS to this,

@media (max-width: 480px) {
.woocommerce div.product .summary [type="submit"] {
width: 100%;
}
}

Hope this helps.

[Author]

Posts