I fixed just about everything else, but i can figure out how to fix this spacing on the sense theme. If anyone could help that’d be super awesome, have a great day in advance!
Hey @Ultasmile ,
Without being able to see your store, it’s difficult for us to provide a custom coding solution. Would you mind sharing your website URL?
Look forward to hearing from you!
1 Like
Thanks @Ultasmile !
The empty space you are referring to is the product image carousel, which doesn’t appear to be loading on the image you shared.
Were you wanting to remove this entirely? If so that would mean deleting multiple product images and only having one.
I’m currently only try to fix the mobile interface- on the mobile it doesn’t show the image carousel only the “1/7” and the large space (like in the screenshot), would i need to fix the desktop first?
1 Like
yes, please try this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
.grid--peek.slider .grid__item:last-of-type, .product__media-list {padding-bottom: 0 !important;}
}
1 Like
Thank you so much for responding
I can only find a base.css not a base.css.liquid
But when i pasted it on the bottom of base.css it didn’t change anything
yes you have a added current file code but just remove last one code and add below code
@media screen and (max-width: 749px) {
.product .grid--peek.slider .grid__item:first-of-type {
padding-bottom: 0 !important;
}
}
Unfortunately that didn’t work for me either