Jump to content

Archived

This topic is now archived and is closed to further replies.

Lisa Haran

Google map viewing on an iphone

Recommended Posts

Lisa Haran

hi there,

I have a contact page with a google map embed and a form.

Site not live so cannot show you desktop site.

Screen grab here

http://www.lisaharan.com/images/Contact_us.jpg

 

 

When I view the map on an iphone, the user gets lost in the map.

I know I have a fixed height on the map, is this the issue, do you think?

 

<div class="row">
<div class="span6new">[googlemap width="100%" height="600" address="41 Leinster Park, Harolds Cross, Dublin 6" Tel: "01 6852493"]</div>
<div class="span1"></div>
<div class="span5">[contact-form-7 id="136" title="Contact page form"]</div>
</div>

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Due to the nature of maps and how they work on touch mobile devices, I would recommend you hide that when viewing on a mobile device. You can use the media queries or the features in DMS Pro Tools to hide the section.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Lisa Haran

found a work around

 

<div class="row">
 
<div class="span6new">
<div class="google-maps">
[googlemap width="100%" height="600" address="41 Leinster Park, Harolds Cross, Dublin 6" Tel: "01 6852493"]</div></div>
 
<div class="span5">[contact-form-7 id="136" title="Contact page form"]</div>
</div>
 
.google-maps {
position: relative;
padding-bottom: 100%; // This is the aspect ratio
height: 0;
overflow: hidden;
}

Share this post


Link to post
Share on other sites
Danny

Nice, thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • mundocaco
      By mundocaco+
      Hello, inexplicably few signs have appeared at the beginning of each excerpts, removing the option these signs disappear, but appear when I activate it again. You know why happen this?.
       
      Yo can see online here: http://www.latitudestudio.eu/press-news/ 
       
       
    • dherries
      By dherries
      I am trying to add a widgetizer to my page/post and the system does not let it drag. The system creates  large Widgetizer logo and nothing will happen. What am I doing wrong?  I am using DSM 1.1.9.  Website is www.moveincache.com
    • mundocaco
      By mundocaco+
      Hello everyone. :)   Is possible set a selected Section Area to height of window browser with custom CSS, just like DMS2 presets? Someone knows some best practice?   I know how to set to fixed footer, but i think this case of study is different.   Thanks!
    • webmktco
      By webmktco
      Website URL: http://www.schrumpfdds.com/
      Framework Version: DMS 1.1.9
      WordPress Version: 4.1.1
       
      I noticed that the Font Awesome version in my theme is 3.2.1.
       
      Can you tell me how I can update the FA version? Or is that not possible?
    • pazyluz
      By pazyluz+
      I have pages that display on phones and pages for desktops/laptops.  The ipad displays the mobile/phone pages but would look far better if they displayed the desktop version.  How/Can I display the desktop version on ipad?  If I cannot do that, can you advise me as to the best course of action?  Thank you.
       
      http://peggygreen.net
×