Invalid iFrame within the Tag...

CCUTTING_COLORSJul 28, 2019

I receive the following error msg from https://validator.w3.org for the map on this website:

https://www.golden-fairy.com/kontakt.html

Error: The element iframe must not appear as a descendant of the a element.

href="#"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2662.497077629485!2d11.5762616159…sde!2sde!4v1563613059730!5m2!1sde!2sde" width="500" height="334" allowfullscreen style="border:0;"></iframe>

Please find a solution to that.

thanks

SSemicolon WebSTAFFJul 28, 2019

Hello,

Thanks for your Patience!

Find the following code in the style.css File:

.masonry-thumbs a {
	position: relative;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden;
}

.masonry-thumbs.grid-2 a { width: 50%; }

.masonry-thumbs.grid-3 a { width: 33.30%; }

.masonry-thumbs.grid-4 a { width: 25%; }

.masonry-thumbs.grid-5 a { width: 20%; }

.masonry-thumbs.grid-6 a { width: 16.60%; }

.masonry-thumbs a,
.masonry-thumbs img {
	display: block;
	height: auto !important;
}

and replace it with:

.masonry-thumbs > a,
.masonry-thumbs > div {
	position: relative;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden;
}

.masonry-thumbs.grid-2 > a,
.masonry-thumbs.grid-2 > div { width: 50%; }

.masonry-thumbs.grid-3 > a,
.masonry-thumbs.grid-3 > div { width: 33.30%; }

.masonry-thumbs.grid-4 > a,
.masonry-thumbs.grid-4 > div { width: 25%; }

.masonry-thumbs.grid-5 > a,
.masonry-thumbs.grid-5 > div { width: 20%; }

.masonry-thumbs.grid-6 > a,
.masonry-thumbs.grid-6 > div { width: 16.60%; }

.masonry-thumbs > a,
.masonry-thumbs > div,
.masonry-thumbs img {
	display: block;
	height: auto !important;
}

Update the entire setFullColumnWidth: function( element ) Function Block in the js/functions.js File with the following code:

setFullColumnWidth: function( element ){

	if( !$().isotope ) {
		console.log('setFullColumnWidth: Isotope not Defined.');
		return true;
	}

	element.css({ 'width': '' });

	if( element.hasClass('portfolio-full') ) {
		var columns = SEMICOLON.initialize.defineColumns( element ),
			containerWidth = element.width(),
			postWidth = Math.floor(containerWidth/columns);
		if( $body.hasClass('device-xs') ) { var deviceSmallest = 1; } else { var deviceSmallest = 0; }
		element.find(".portfolio-item").each(function(index){
			if( deviceSmallest == 0 && $(this).hasClass('wide') ) { var elementSize = ( postWidth*2 ); } else { var elementSize = postWidth; }
			$(this).css({"width":elementSize+"px"});
		});
	} else if( element.hasClass('masonry-thumbs') ) {
		var columns = SEMICOLON.initialize.defineColumns( element ),
			containerWidth = element.innerWidth();

		if( containerWidth == windowWidth ){
			containerWidth = windowWidth*1.005;
			element.css({ 'width': containerWidth+'px' });
		}

		var postWidth = (containerWidth/columns);

		postWidth = Math.floor(postWidth);

		if( ( postWidth * columns ) >= containerWidth ) { element.css({ 'margin-right': '-1px' }); }

		element.children().css({"width":postWidth+"px"});

		var firstElementWidth = element.children().eq(0).outerWidth();

		element.isotope({
			masonry: {
				columnWidth: firstElementWidth
			}
		});

		var bigImageNumbers = element.attr('data-big');
		if( bigImageNumbers ) {
			bigImageNumbers = bigImageNumbers.split(",");
			var bigImageNumber = '',
				bigi = '';
			for( bigi = 0; bigi 
	[
![attachment](demos/coworking/images/location/thumbs/1.jpg)
](demos/coworking/images/location/thumbs/full/1.jpg)
	
	[
![attachment](demos/coworking/images/location/thumbs/2.jpg)
](demos/coworking/images/location/thumbs/full/2.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/3.jpg)
](demos/coworking/images/location/thumbs/full/3.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/4.jpg)
](demos/coworking/images/location/thumbs/full/4.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/5.jpg)
](demos/coworking/images/location/thumbs/full/5.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/6.jpg)
](demos/coworking/images/location/thumbs/full/6.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/7.jpg)
](demos/coworking/images/location/thumbs/full/7.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/8.jpg)
](demos/coworking/images/location/thumbs/full/8.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/9.jpg)
](demos/coworking/images/location/thumbs/full/9.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/10.jpg)
](demos/coworking/images/location/thumbs/full/10.jpg)
	[
![attachment](demos/coworking/images/location/thumbs/11.jpg)
](demos/coworking/images/location/thumbs/full/11.jpg)

This will definitely work fine. Hope this Helps!

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