Embedded html block on mobile

Did you go through each device option from left to right making adjustments?
Including mobile?

Yes I did but I think something in this meta description of the viewport is overriding the block parameters. I've tried tweeking it and googling advice on Mapbox but no luck so far. I thought maybe this is a comon problem with custom html?

Just noticed my meta example didn't display properly in my original question:

meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"

Hi,

According to the page source, the container with the map has a fixed size: 1000px width and 600px height. It looks like it was created as not resizable.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

If the width is fixed.
You must then generate a unique view for each of your devices and play with hide on this page.

If the width is fixed.
You must then generate a unique view for each of your devices and play with hide on this page.

How do I do that in Nicepage? Currently if I edit the html code to change the view size in one format it changes the code across all of them.
Thanks

Hi,

Nicepage does not control the appearance of the elements added inside the HTML element. You can only control the size of the HTML element itself. Everything inside it should be controlled by custom CSS.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp