Shopify themes, liquid, logos, and UX
I want the add to cart button next to the quantity selector on the dawn theme? how do i go about doing this ? cheers .
Solved! Go to the solution
This is an 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;
}
}
Hii, @jecbon
Kindly share your store URL so,
I can solve it perfectly.
Thank You.
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.
This is an 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;
}
}
thank you sir.
Hey there,
Is it possible to put the quantity selector and variant selector in the same line?
Yes, it can be fixed by custom coding.
Yes, I did it before in Debut theme using custom code, but that code isn't working in Dawn theme.
@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.
Please share store URL!
Thanks!
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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024