Can the mobile device layout be horizontal？

[Jim]

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 

 

[theycallmemakka]

Hi @Jim 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media screen and (max-width: 749px) {
    #Slider-template--22845323149613__multicolumn_DMqrqX .grid__item {
        width: 30%;
        max-width: 30.33%;
    }
    #Slider-template--22845323149613__multicolumn_DMqrqX.multicolumn-list:not(.slider) {
    justify-content: center;
    gap: 20px;
}

#Slider-template--22845323149613__multicolumn_DMqrqX .multicolumn-card__info {
    padding-left: 5px;
    padding-right: 5px;
    
}

#Slider-template--22845323149613__multicolumn_DMqrqX h3 {
   font-size: 15px;
}
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka