Responsive Map on Desktop and Mobile

  • Resolved ivitae

    (@ivitae)


    1 year, 4 months ago

    I am using the Leaflet Map WordPress plugin, and created a page with a map using the [leaflet-map] shortcode.

    I would like the map to use the whole available height of the screen, so I am using 100vh for the height dimension (substracting a certain amount of pixels for the header and footer).

    However the map does not show the same when the page is loaded on desktop and on mobile.

    Is there some way to create the same map with different heights for desktop and for mobile ?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor hupe13

    (@hupe13)

    1 year, 4 months ago

    I am using Block Visibility for different presentation on desktop and mobile, but not for leaflet-map. Try it.

    Thread Starter ivitae

    (@ivitae)

    1 year, 4 months ago

    Works great, thanks !
    I created two different shortcode blocks with different height calculations, one for desktop and one for mobile.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Responsive Map on Desktop and Mobile’ is closed to new replies.