Responsive Issue on mobile

Hello again, is there anyone here for support ?

Hello @samlaflam,

Sorry for this late reply,

In the plugin settings, “Layouts” tab, could you please change the “Density” setting?

Select “Minimal” for “Mobile”, and see if it helps?

Best regards,
Thomas

Also, if the setting doesn’t help, could you share a URL to a page where the problem happens so that I can come up with some custom CSS?

Cheers,
Thomas

Hi Thomas,
Thanks for your reply,

Setting density on minimal does not do the job.

If you want to check, you can have a look here : https://tripandtwins.com/mode-de-vie-saisonnier-pour-voyager/

If you have custom CSS to make images display full width on mobile I’l bee glad to know it because it’s been a while I’m trying to find out how to do it without success.

Thanks

Hello @samlaflam,

I had a look and actually, having one image per row with only CSS might indeed be a bit tough, but with the following code you should at least be able to fix the issue with the last image not taking the full width of the row!

@media screen and (max-width: 660px) {
  .mgl-layout-1-i, .mgl-layout-1-o {
    grid-template-columns: [col1-start] 1fr [col2-start] !important;
  }
}

Best regards,
Thomas