Responsive issue

dmozi313

hi
i just realized that after some modification we did together the template is not fully responsive anymore, i have visited the site from my mobile phone and tablet and unfortunately its not responsive, the slideshow and other module not responsive at all.

kindly please check the website and hopefully you can have a solution 🙂

Thanks 🙂

saguaros

It's due to your custom css rule in this file: ROOT/templates/ja_megastore/css/custom.css

.acm-spotlight .row {
    display: flex;
}

Kindly check again.

dmozi313

saguaros
Hi

Just checked from my Galaxy S24 phone and it's still the same.

Please see the screenshot

Thanks

saguaros

dmozi313 I meant I don't know why you added that custom css code, you should review this code again. I did not remove it yet 🙂

dmozi313

saguaros

Thanks for your reply, i didn't add the code, we were doing some customization together and i was told by you to add the code, o ri think you added the code based on what needed to be done.

i understand that you cant remember everyone's history but if you check my posts this was done by you or one of your colleagues at JA.

Thanks 🙂

dmozi313

please see this post

https://www.joomlart.com/forums/d/48811-product-display-issue-in-the-homepage/4

saguaros

dmozi313 My team member replied there 🙂

But I don't see that custom code in his replies, could you temporarily comment this code for now?

dmozi313

saguaros
hi

Thanks for your reply, as you may know i mentioned before im not programmer or anything near it, so i wouldn't know who and how that code was added, so what should i do?
i know the module in position 1,2,3 were customized to fit the size and fix some issues we had, and they are not responsive too.

saguaros

I changed it to:

@media (min-width: 992px){
.acm-spotlight .row {
    display: flex;
}
}

Kindly check.

dmozi313

saguaros
Thank you so much, it has been resolved. 🙂