I need help on my store I’m having a really weird spacing on my product page between the product title and the product images. There are no margins to edit and I am extremely confused where the code is even causing the space. It is extremely odd that it can only happens when it’s on mobile.
Here you go!
https://www.hanawebstore.com/products/dinosaur-hoodie
Im also running into another issue. For some reason my “add to cart” button is glitching in my mobile but when I preview it using my computer it works fine.
Hey @zephwong ,
Do you need to solve only add to cart button problem?
Let me know which device you’re checking because this is not the case for me.
Thanks!
Nope I am trying to solve the spacing problem first and foremost. I think we can just put the add to cart button problem on hold for now. The spacing problem happens on all tablet and mobile devices. Link: https://www.hanawebstore.com/collections/frontpage/products/dinosaur-hoodie
Do this to fix it in 20 seconds:
- In your Shopify Admin go to: online store > themes > actions > edit code
- Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media (max-width: 767px){
.slick-list{
max-height: 180px;
}
}
Please let me know whether it works.
Kind regards,
Diego
