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

[jecbon]

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

[Zworthkey]

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

[jecbon]

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

[Zworthkey]

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

[jecbon]

[Zworthkey · Accepted solution]

@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;
}
}

[jecbon]

thank you sir.

[Zworthkey]

@jecbon 
Welcome, Sir.

[Bajo]

Hey there, 

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

[Zworthkey]

Yes, it can be fixed by custom coding. 

[Bajo]

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

[Zworthkey]

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

And add inline both it.

[TT-ZT]

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. 

[mas88]

Hi,

How did you get this code to work on mobile?

[mas88]

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.

[dmwwebartisan]

@jecbon 

Please share store URL!

Thanks!

[topdogracing]

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

[Zworthkey]

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