Removing Contact form and Google Map

10 replies · opened Dec 29, 2018

MMaxMusikDec 29, 2018

Hi,

This is my third purchase. 1edb0a90-fa4c-42b4-953e-7714e3eb9b0b – 5 Dec 2018

Great template and will continue purchasing for projects in the future.

I am having extensive issues removing the google map and contact form without destroying the alignment and movement of the Parallax full page. For now I have reduced the Google display to zero pixel height, but it does not display proper on chrome, firefox and apple browsers and mobile devises

If I remove this line of code ”<section id=”google-map” class=”gmap” style=”height: 0px;”></section>” or the java scripting. The full page parallax displays grey bars on top and bottom of the screen and the image motion is disabled.

Is it possible to remove the google map and contact form without affecting the parallax functioning.

Thanks

Here is the URL: www.hitmannation.com

Any help would be appreciated

SSemicolon WebSTAFFJan 2, 2019

Hello,

Thanks for your Patience and for the Kind Words!

It is Definitely Possible to use the Page and display the Parallax correctly after removing the Google Maps and Contact Form. Please point us to the exact section where you have been facing this issue and we will definitely provide you with further assistance and the exact codes to fix this issue. Thanks for your Patience.

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

MMaxMusikJan 3, 2019

My website where is issue can be seen is at: www.hitmnanation.com

I have attached my index file as well.

Thank you

-Here is my code for the Parallax section:

"
<section id="section-testimonials" class="page-section section parallax full-screen nomargin force-full-screen" style="background-image: url('images/backgrounds/parallax.jpg'); padding: 200px 0;" data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -300px;">

				&lt;div class="vertical-middle"&gt;

					&lt;div class="container clearfix"&gt;

						&lt;div class="col_half nobottommargin"&gt; &lt;/div&gt;

						&lt;div class="col_half nobottommargin col_last"&gt;

							&lt;div class="heading-block center"&gt;
								&lt;h4&gt;What do our Clients have to say?&lt;/h4&gt;
								&lt;span&gt;You know your efforts are worthwhile, when people have this to say.&lt;/span&gt;
							&lt;/div&gt;

							&lt;div class="fslider testimonial testimonial-full nobgcolor noborder noshadow nopadding" data-arrows="false"&gt;
								&lt;div class="flexslider"&gt;
									&lt;div class="slider-wrap"&gt;
										&lt;div class="slide"&gt;
											&lt;div class="testi-content"&gt;
												&lt;p&gt;For serious collectors, it is next to impossible to find rare CD’s that are still sealed, thanks a bunch.&lt;/p&gt;
												&lt;div class="testi-meta"&gt;
													Jason  Johnson
													&lt;span&gt;F.L.B.&lt;/span&gt;
												&lt;/div&gt;
											&lt;/div&gt;
										&lt;/div&gt;
										&lt;div class="slide"&gt;
											&lt;div class="testi-content"&gt;
												&lt;p&gt;What do you get a hardened classic rock music collector that has everything? Then I found the THE JAM. You guys made my dad’s day.&lt;/p&gt;
												&lt;div class="testi-meta"&gt;
													Michael  Flick
													&lt;span&gt;HMV&lt;/span&gt;
												&lt;/div&gt;
											&lt;/div&gt;
										&lt;/div&gt;
										&lt;div class="slide"&gt;
											&lt;div class="testi-content"&gt;
												&lt;p&gt;Until the CD showed up at my door, I was not sure if this product would be new as listed, but for twenty dollars I would take a chance. Wow, a hard to find CD at an amazing price, thanks.&lt;/p&gt;
												&lt;div class="testi-meta"&gt;
													Chris  Cohen 
													&lt;span&gt;Bell Media&lt;/span&gt;
												&lt;/div&gt;
											&lt;/div&gt;
										&lt;/div&gt;
									&lt;/div&gt;
								&lt;/div&gt;
							&lt;/div&gt;

						&lt;/div&gt;

					&lt;/div&gt;

				&lt;/div&gt;

			&lt;/section&gt;

-When I remove the following code:

				&lt;!-- Google Map
				============================================= --&gt;

				&lt;section id="google-map" class="gmap" style="height: 0px;"&gt;&lt;/section&gt;

			&lt;/section&gt;

-and this code:

&lt;script src="https://maps.google.com/maps/api/js?key=YOUR_API_KEY"&gt;&lt;/script&gt;
&lt;script src="js/jquery.gmap.js"&gt;&lt;/script&gt;

&lt;script&gt;

	$('#google-map').gMap({
		address: 'Melbourne, Australia',
		maptype: 'ROADMAP',
		zoom: 14,
		markers: [
			{
				address: "Melbourne, Australia",
				html: '&lt;div style="width: 300px;"&gt;&lt;h4 style="margin-bottom: 8px;"&gt;Hi, we\'re &lt;span&gt;Envato&lt;/span&gt;&lt;/h4&gt;&lt;p class="nobottommargin"&gt;Our mission is to help people to **earn** and to **learn** online. We operate **marketplaces** where hundreds of thousands of people buy and sell digital goods every day, and a network of educational blogs where millions learn **creative skills**.&lt;/p&gt;&lt;/div&gt;',
				icon: {
					image: "images/icons/map-icon-red.png",
					iconsize: [32, 39],
					iconanchor: [32,39]
				}
			}
		],
		doubleclickzoom: false,
		controls: {
			panControl: true,
			zoomControl: true,
			mapTypeControl: true,
			scaleControl: false,
			streetViewControl: false,
			overviewMapControl: false
		}

	});

&lt;/script&gt;&lt;!-- Google Map End --&gt;

The parallax page stops functioning

MMaxMusikJan 3, 2019

Here is the attachment

SSemicolon WebSTAFFJan 3, 2019

Hello,

According to the Code you have posted above, it seems that you are removing an extra </section> from your Page which is causing this issue. Simply delete the following code:

This will definitely fix the issue. Hope this Helps!

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

MMaxMusikJan 3, 2019

That is the issue when I delete that code, it affects the Parallax page. I can setup a mirror site with that code deleted and let you see what happens to the parallax page.

MMaxMusikJan 3, 2019

Thank you,

Close support

MMaxMusikJan 3, 2019

Hi Semicolon,

I am still having the same issue. When I delete the Google code, the parallax is affected.

Any help would be great

Thanks

MMaxMusikJan 4, 2019

**Note: **when you arrive at the site the Parallax functions. if you hit refresh the parallax stops functioning. This could be a bug.

SSemicolon WebSTAFFJan 4, 2019

Hello,

Thanks for your Patience!

A Sample Live Demo would be very helpful in identifying the issue. Thanks for your Patience.

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Removing Contact form and Google Map · Canvas Template Support