Website to go live tomorrow but ios is showing an error

alanjg
21 Posts
alanjg posted this 21 July 2020
Ask a Question

My only solution i can find is to make a picture til i solve it.

https://imgur.com/a/4I8rfZ9

My only solution i can find is to make a picture til i solve it. https://imgur.com/a/4I8rfZ9
Vote to pay developers attention to this features or issue.
6 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 22 July 2020

Hi Alan,

Are you using the Map control or have added the code for the map using the HTML element? Please attach your project.

...................................................
Sincerely,
Hella
Nicepage Support Team

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

Hi Alan, Are you using the Map control or have added the code for the map using the HTML element? Please attach your project. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
alanjg
21 Posts
alanjg posted this 22 July 2020

Hello, i will post the project shortly i've substituted the place with a picture atm. I have tried making the iframe responsive using:-

html

<div class="google-maps">
    <iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:input my key here" width="450" height="450" frameborder="0" style="border:0"></iframe>
</div>

and css

<style>
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

but the width is still unresponsive....

Will come back to it later.

Hello, i will post the project shortly i've substituted the place with a picture atm. I have tried making the iframe responsive using:- html <div class="google-maps"> <iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:input my key here" width="450" height="450" frameborder="0" style="border:0"></iframe> </div> and css <style> .google-maps { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } but the width is still unresponsive.... Will come back to it later.
Support Team
Support Team posted this 22 July 2020

Hi Alan,

Please consider using the Map control in Nicepage editor. It should not have any issues.

...................................................
Sincerely,
Hella
Nicepage Support Team

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

Hi Alan, Please consider using the Map control in Nicepage editor. It should not have any issues. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
alanjg
21 Posts
alanjg posted this 22 July 2020

Hi,

Thats what i was using, but will try it again as it was a while since i created that page.

Will let you know

Hi, Thats what i was using, but will try it again as it was a while since i created that page. Will let you know
alanjg
21 Posts
alanjg posted this 22 July 2020

I think the issue was i had the map on the main screen. Removed that replaced it with a picture and remade the one in the contacts page. Seems all is well with IOS users.

I think the issue was i had the map on the main screen. Removed that replaced it with a picture and remade the one in the contacts page. Seems all is well with IOS users.
Support Team
Support Team posted this 23 July 2020

Hi Alan,

Nice to hear that everything is fine now, feel free to contact us on any occasion.

...................................................
Sincerely,
Hella
Nicepage Support Team

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

Hi Alan, Nice to hear that everything is fine now, feel free to contact us on any occasion. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments