Canvas Support

Google Map compromises the scroll on small device

2 replies · opened Apr 26, 2016

Rringola96Apr 26, 2016

The map on small device compromises the screen scroll, because when the user scrolls over the map, scrolls the map and not the screen. It's possible to block map scrolling?

TIA
Cristian

SSemicolon WebSTAFFApr 27, 2016

Hello,

You can consider adding the following CSS Code: 

.gmap { position: relative; }

@media (max-width: 991px) {
	.gmap:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}
}

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

Rringola96May 11, 2016

Thx, I have resolved with the draggable property of the gmap class.

Cristian

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
Google Map compromises the scroll on small device · Canvas Template Support