Contact Page Map

theporter
Offline
Last seen: 1 year 1 month ago
Mon, 03/14/2016 - 13:25
#1
Contact Page Map

Hi,
The contact page map is not showing in safari browser and also not showing on iPhone, iPad etc..

Can anyone help?

cindy
cindy's picture
Offline
Last seen: 10 hours 31 min ago
Tue, 03/15/2016 - 10:08

Hi,

We check but see no problem as your report

theporter
Offline
Last seen: 1 year 1 month ago
Tue, 03/15/2016 - 12:58

Hi Cindy,

Please check the link below.

http://flowerkart.ae/tph/contact.html

This page is not opening in safari and ios devices. All other browser, it is good.

hattt13
Offline
Last seen: 15 hours 24 min ago
Tue, 03/15/2016 - 14:26

Hi Theporter 

In file map.js, line 99 please replace:
`
function clickToMoveMap(getAddress, getName)`
with:
`
var clickToMoveMap = function(getAddress, getName)

Stanko07
Offline
Last seen: 1 year 2 months ago
Sun, 06/05/2016 - 20:27

Hi,

Unfortunately it doesn't make any difference. There is no map on contact page (iOS, iphon, Google Chrome)

How to resolve this issue?

theporter
Offline
Last seen: 1 year 1 month ago
Tue, 03/15/2016 - 15:14

Thank you 

The issue is solved.

But now I have another issue with the background images, it is not resizing in when we open in iOS devices.

Please check the pages in the same link http://flowerkart.ae/tph/

cindy
cindy's picture
Offline
Last seen: 10 hours 31 min ago
Tue, 03/15/2016 - 16:42

Hi,

- Please open file style.css and search the code:

html .bg-parallax {
background-attachment: fixed !important;
}

Remove !important 

- Open file scripts.js and add the following function:

function checkSafari(){
var userAgent = navigator.userAgent.toLowerCase();
if (userAgent .indexOf('safari')!=-1){
if(userAgent .indexOf('chrome') > -1){
//browser is chrome
if($('body').find('.bg-parallax')){
$('.bg-parallax').css('background-attachment', 'fixed');
}
}else{
//browser is safari
if($('body').find('.bg-parallax')){
$('.bg-parallax').css('background-attachment', 'scroll');
}
}
}
}

Then run function checkSafari() in

$(window).load(function(){ 

...

});
theporter
Offline
Last seen: 1 year 1 month ago
Tue, 03/15/2016 - 18:10

Its fixed.

Thank you so much.

I have one question. Can we keep the booking menu (picture attached) fixed at one position(eg;- bottom of the page). Means it should show in one place when we open normally and when we scroll down it should stay at the same place for the customers to book whenever they want. 

How can we do that?

Image title

vananh
Offline
Last seen: 4 months 2 weeks ago
Wed, 03/16/2016 - 10:34

Yes, but you need place block booking form  HTML to bottom or some where (not in header).

And use this CSS code:

 
.book-now-wrap .book-check-form {
position: fixed;
visibility: visible;
opacity: 1;

transform: none;
transition: none;

bottom: 0;
}


theporter
Offline
Last seen: 1 year 1 month ago
Thu, 03/17/2016 - 13:50

where i have put the css code?

vananh
Offline
Last seen: 4 months 2 weeks ago
Fri, 03/18/2016 - 09:21

In your main CSS, http://flowerkart.ae/tph/css/style.css

At bottom of that file.

theporter
Offline
Last seen: 1 year 1 month ago
Mon, 03/21/2016 - 18:50

This is not working,

whenever i copy the content to another location, it shows there but it is not staying there.

Or if we can make the footer section fixed, that also will help, then I can put the availability checking form inside that.

Can you help?

hattt13
Offline
Last seen: 15 hours 24 min ago
Fri, 03/25/2016 - 10:20

That is our default theme. If you have a custom,  we will not support this issue

dejanhren
dejanhren's picture
Offline
Last seen: 1 year 3 months ago
Sat, 05/07/2016 - 14:01

Hi, Google Maps options like Sattelite Terrain, Zoom control are not seen when entered in map.js

cindy
cindy's picture
Offline
Last seen: 10 hours 31 min ago
Mon, 05/09/2016 - 09:19

Hi Dejanhren

Please check your email for the updated file

Log in or register to post comments