hello i have a few products on my homepage that arent beside each other this looks very ugly and unprofesional i only have this problem only on mobile on desktop it looks grear i hope somebody can provide me a code to get them beside each other
Hi @Distinctz
Could you share your store URL to check?
1 Like
Did you check in your Online store > Themes > Customize, select that option and check if it has option to change it into slide in mobile?
i tried it but this also dont look great because of the difference in height
Hi @Distinctz
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
{% if template contains 'index' %}
<style>
@media screen and (max-width: 767px){
.product-card-wrapper > div {
min-height: 310px !important;
}
}
</style>
{% endif %}
Hope this can help you solve the issue
Best regards,
Richard | PageFly
1 Like
Thank you it worked!
Glad that i can help. Have a nice day 