Topic: Make "Proceed to checkout" button full-width on mobile devices | Themeco Community

Archive / Make "Proceed to checkout" button full-width on mobile devices

This is archived content. Visit our new forum.

Tagged: x

Author

Posts
March 15, 2017 at 2:10 pm #1408477

Itwebdevelopment
Participant

Hi I’d like to make this button full width on mobile devices:

https://gyazo.com/9c27f98ad5bbb22090a88f7784f05c92

Here’s the link:

https://www.dzdrones.com/cart/

Thanks!

March 15, 2017 at 3:37 pm #1408566
Jade
Moderator
Hi there,

Please use this code:
```
@media (max-width: 480px) {
    .woocommerce .wc-proceed-to-checkout a {
        width: 100%;
    }
}
```
Hope this helps.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1408477 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>