APPEARANCE BUG

Hello,

1. By Default, the Top Bar is Transparent which is why the Footer overlaps. To fix this issue you will simply add the background Color to the Top Bar. Please consider using the following CSS Code:

.device-lg.sticky-footer #top-bar,
.device-md.sticky-footer #top-bar { background-color: #FFF; }

1. From Canvas 4 Onwards, you will add all the Inline JS Codes and JS File Linking at the bottom of the Page. Please move the following code on your Page:

to the bottom of the Page just before the js/functions.js JS File Linking. And then move the following code:

	$('#google-map').gMap({

		address: '327 avenue de Grasse, 06400 Cannes, France',
		maptype: 'ROADMAP',
		zoom: 12,
		markers: [
			{
				address: "327 avenue de Grasse, 06400 Cannes, France",
				html: 'Bienvenue chez EDEN BOITES
Notre mission: vous proposer **au meilleur prix du marché** votre BV en **occasion - échange standard - reconditionnement**. Livraison **EU**.
',
				icon: {
					image: "images/icons/map-icon-red.png",
					iconsize: [32, 39],
					iconanchor: [13,39]
				}
			}
		],
		doubleclickzoom: false,
		controls: {
			panControl: true,
			zoomControl: true,
			mapTypeControl: true,
			scaleControl: false,
			streetViewControl: false,
			overviewMapControl: false
		}

	});

to the bottom of the Page just after the js/functions.js File Linking.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Hello,

1. Please consider add the following CSS Code to fix the Issue with the Sticky Footer overlaying the Google Maps:

.device-md.sticky-footer #google-map { z-index: 2; }

1. Remove the .header-sticky Class from the #google-map Element.

2. Unfortunately this is not possible since Google Maps API currently only allows the Map Markers to be centered. However, you can center the Map at a Higher Position by setting the Google Map Address value (not the Marker Address value) at a Higher Location.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

1. Apologies! Please use this CSS Code:

.device-lg.sticky-footer #google-map,
.device-md.sticky-footer #google-map { z-index: 2; }

1. The Second Issue seems to have been resolved.

2. Find the following code:

address: '327 avenue de Grasse, 06400 Cannes, France',
maptype: 'ROADMAP',

and replace it with:

address: 'La Nartassière, Mougins, France',
maptype: 'ROADMAP',

This should definitely work fine. Let us know if we can help you with anything else or if you find any further issues.