Quantity selector on the same line as the Add to Cart button DAWN theme

I want the add to cart button next to the quantity selector on the dawn theme? how do i go about doing this ? cheers .

Hii, @jecbon
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

2 Likes

@jecbon

Please share store URL!

Thanks!

1 Like

it is just the dawn theme shouldnt the solution be the same for all ? just a change the CSS file

@jecbon
Can you give me a screenshot of what you want so,
I can solve it.
Thank You.

1 Like

@jecbon
Paste this code on top of the base.css file.

@media only screen and (min-width: 992px) {
.button--full-width {
    display: flex;
    width: 75% !important;
    position: relative !important;
    left: 145px !important;
    top: -70px !important;
}
}
2 Likes

thank you sir.

1 Like

@jecbon
Welcome, Sir.

1 Like

Is there a way to move this the same way for the mobile site?

@topdogracing
Yes it is possible.
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

Hey there,

Is it possible to put the quantity selector and variant selector in the same line?

1 Like

Yes, it can be fixed by custom coding.

1 Like

Yes, I did it before in Debut theme using custom code, but that code isn’t working in Dawn theme.

1 Like

@Bajo
Make Both quantity and add to cart class in a single div.

And add inline both it.

Hi,

This was very helpful but now there’s a pretty big white space under the button and before text content below. Is there a way to reduce it? This isn’t an issue in mobile responsive view.

Hi,

How did you get this code to work on mobile?

Update: Because the “@media only screen and (min-width: 992px)” basically talks about this code only working for a screen with a minimum width of 992 (meaning a desktop wide screen) you just need to lower the pixels. Although, I still need to figure out how to format the buy button so it is not hanging off the page.