code block fullscreen

Dear Yigit,

i tried that, but the content is still displayed with a padding on the left and on the right. Do you have another idea?

Thanks
Bernd

Dear Yigit,

thanks! Awesome – it works.

May I ask for your help on another case. I’ve two gmaps iframes and I’d like to use these script but I cannot get it to work. Do you have an idea how to do that? Where do I have to copy the script?

Thanks a lot
Bernd

CSS:

<style>
.scrolloff {
pointer-events: none;
}
</style>
Script:

<script>
$(document).ready(function () {

// you want to enable the pointer events only on click;

$(‘#map_canvas1’).addClass(‘scrolloff’); // set the pointer events to none on doc ready
$(‘#canvas1’).on(‘click’, function () {
$(‘#map_canvas1’).removeClass(‘scrolloff’); // set the pointer events true on click
});

// you want to disable pointer events when the mouse leave the canvas area;

$(“#map_canvas1″).mouseleave(function () {
$(‘#map_canvas1’).addClass(‘scrolloff’); // set the pointer events to none when mouse leaves the map area
});
});
</script>
HTML: (just need to put correct id as defined in css and script)

<section id=”canvas1″ class=”map”>
<iframe id=”map_canvas1″ src=”https://www.google.com/maps/embe&#8230;.” width=”1170″ height=”400″ frameborder=”0″ style=”border: 0″></iframe>
</section>