Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
@zephwong
Do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. 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
Hey @zephwong,
Please provide a website URL. I will check and provide a solution here.
Thanks!
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
This is an accepted solution.
@zephwong
Do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. 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
Sir you’re amazing thank you! I’m still running into another issue on mobile though. The “add to cart” button keeps getting cut off. It does not happen on my mobile preview on my desktop but when I use my iPhone to access the website it suddenly happens.
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