Hi can someone help me resize the button to not be so big and more mobile friendly on the collections?
On the homescreen it shows them two in a row, and collections page one in a row. URL is https://www.4wa-berlin.de/
1 Like
sorry i can’t see add to cart button can you please show me
hello @shellbell
I can’t see add to cart button can you please visible this button so I fix this issue
sorry it’s in german so it translated into Into the Basket, as a black button
Hello Dear,
Welcome to Shopify Community
Would You Like This type of Button?
If you want! so follow these steps
Go To your assets–> theme.css open this file
.quick-view__thumb-cart, .site-nav__thumb-cart {
padding: 0px 93px;
}
.btn.site-nav__thumb-button {
height: 47px;
}
.u-userLauncherColor:not([disabled]) {
background-color: orange !important;
color: #64181A !important;
fill: #64181A !important;
}
Thank You.
Unfortunately that didn’t work
The button in black is what I want smaller on mobile, but everything I tried hasn’t worked so far.
1 Like
please sent collection link and are you sure that was issue your live theme?
Hi yes sorry you are right, I forgot to make it on the live one again, long week lol. Try the link above again. Thanks!
hello @shellbell
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 429px){
.template-index .shopify-section .index-section .grid .grid__item .btn.btn-mini {padding: 10px 14px !important; font-size:10px !important}
}
That worked, but now the alignment is off again and everything I am trying isn’t make it align again.
hii, @shellbell
Paste this code at the top of the theme.scss file.
@media only screen and (max-width: 768px) {
select#product-select-6582199058593 {
margin-top: 27px !important;
}
}
Thank You.
Thanks worked perfectly!
Actually I noticed that one section is now not aligned anymore on the homepage on the mobile view. Is there a way to make them all align, rather than just justing the product select, as some products dont’ have variants.
@Zworthkey that sorta worked for some of it, but now some other items aren’t aligned anymore, see my above picture, if you know how to help that would be great! Thanks!
Anyone able to help sort this on the featured collections on the homepage?