Properly align second checkout button (Debut theme)

RC7
New Member
1 0 0

Hi,

I added a second checkout button at the top of my cart page and it's not behaving as expected. 
On desktop, it shows on the left side instead of right, and on mobile while it is centered, the text shows on two lines instead of one on most screen resolutions (on the wider one it's fine, just on the more narrow ones it jumps to two lines).

That's the code I added below the header:

<button
type="submit"
name="checkout"
class="btn btn--small-wide cart__submit btn--has-icon-before cart__submit-control"
>
{% include 'icon-lock' %} {{ 'cart.general.checkout' | t }}
</button>

It's the same code as the one for the main checkout button further down, which was slightly customized from the original.

Thanks in advance.

Roberto

0 Likes
HardikDavra
Shopify Partner
1930 302 834

I need to see your website for better idea and can provide solution for you.

Would you please share Website URL and if your store is password protected then also provide password.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes