How to show map on smartphone

Your theme is not responsive? Change the theme!

Or I don’t understand your problem. Do you have a link to a test page?

Hey hupe13,

yes it’s responsive, but as you can see on the page, I think that Lightbox container isn’t responsive.

Page: https://test.cabreroehijos.es/tiendas/ (psswd: hupe13)

Try to see this page on a smartphone ??

Thanks.

This is a problem of the Lightbox container, it is not responsive. If I open the link to “maphuesca” in a new tab and test various screen sizes the Lightbox container does not adapt.

The solution with the Lightbox container is interesting. There have been several requests in the support forum for a map in a popup. But this is not possible.

Hey hupe,
okay, and can I try to make Lightbox responsive?

I mean, editing custom CSS code and adding something like:

@media (max-width: 800px){
.ilightbox-container .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
width: 100% !important;
height: 300px !important;
}}

I continue seeing it bad, maybe I am remaining something to put.

What I see on your test page doesn’t look bad at all.

You are using a non free theme, so I can’t help you.

I would create a lightbox with the text xxx and then replace xxx with the shortcodes for the map.

I will mark this as resolved. You are welcome to open a new support topic if you have any questions.