Product section shows incorrectly in Mobile Version

Ivan35
Shopify Partner
4 0 0

Hello,

On the desktop home page, we have a great-looking and wide section with presented products, but when you go to mobile view it messes up the products.

Ivan35_0-1706186951200.png

 

Any help would be appreciated!

Replies 5 (5)

Danishshopdev
Shopify Partner
163 17 20

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp| Website

suyash1
Shopify Partner
8962 1113 1460

@Ivan35 - can you please share your website link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
Ivan35
Shopify Partner
4 0 0

@suyash1 Store link is...

https://biomedis.eu/

topnewyork
Trailblazer
212 25 27

Hi Ivan35,

 

Please share your store URL and password.

Thanks

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

techlyser_web
Shopify Partner
1040 199 208

Hello @Ivan35 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media screen and (max-width: 767px){
   .products-grid.row.column-3 {
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}
</style>

techlyser_web_0-1706198237463.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com