Resolved Shopin - j2 store not responsive

?? no replies??

Hi,
sorry, for delay.
---
I cannot check, Your link doesn't work for me.
Can you recheck URL.

Hi,
sorry, for delay.
---
I cannot check, Your link doesn't work for me.
Can you recheck URL.

Site is working very well. Anyone in the world can open this site : http://books.gulshanbooks.com

Sorry, but I cannot get access to your server from Europe.
---
I will ask other team member to help you.

Sorry, but I cannot get access to your server from Europe.
---
I will ask other team member to help you.

From which country???

for example, Poland , but I also tried from Germany IP

for example, Poland , but I also tried from Germany IP

I just checked from Europe and website is working very well. Screenshot attached.

I tried with two different wifi providers, and browsers

anyway I will try to help as a blind person.

On which resolution you have problem, 640px , 768px ?

how that view looks on mobile, okay ?

anyway I will try to help as a blind person.

On which resolution you have problem, 640px , 768px ?

how that view looks on mobile, okay ?

As soon as screen starts reducing, products start overlapping. Screenshot attached

but people on tablet or mobile phone cannot change resolution.
so I can help only for those.

http://quirktools.com/screenfly/

but people on tablet or mobile phone cannot change resolution.
so I can help only for those.

http://quirktools.com/screenfly/

I attached screenshot kindly check. I checked on all devices but problem persists.

but people on tablet or mobile phone cannot change resolution.
so I can help only for those.

http://quirktools.com/screenfly/

I attached screenshot kindly check. I checked on all devices but problem persists.

??

Can you kindly reply to my quires asap??

But on our demo site all is okay, so I don't understand.
http://demo.joomshaper.com/?template=shopin
template use mobile rules from bootstrap 3
-------------------

Anyway...

This should help for mobile

@media screen and (max-width: 640px) { 

.j2store-products-row .col-sm-4 {width: 49.9% !important;}

}



@media screen and (max-width: 480px) { 

.col-sm-12.col-md-12,

.j2store-products-row .col-sm-4 {width: 100% !important;}

}