Canvas Support

Isotope portfolio columns

3 replies · opened May 29, 2016

SschoerbMay 29, 2016

Hi,

First I would like to thank you for an amazing platform. I have built several sites with it and I am very happy with the quality. This is the first time I have needed tech support.

The current site I am working on is here: http://monsterinkatl.com/test/index.html

Can you please help me figure out why the isotope portfolio on the home page sorts in to two columns in larger window sizes? When the page loads, I would like it to sort in to three equal columns. This works at smaller window sizes but at larger sizes it sorts in to two columns and I am not sure why. It will even resort in to three columns at larger sizes if you manually re-size the window a little bit, but for some reason it won't sort in to 3 columns properly on page load.

Thank you very much!
-Ben

SSemicolon WebSTAFFMay 30, 2016

Hello,

Thank You so much for Purchasing Canvas and the Kind Words. We Truly Truly Appreciate them! :)

We have just checked out your Website and it seems to be working fine for us. However, since you mentioned that you are facing this issue on Larger Window Sizes, can you please let us know what Window Size are facing this issue on so that we can look into this and fix this up for you. 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.

SschoerbMay 30, 2016

Hi,

Thank you for the fast response! I tried the site at 1680x1050 and I see the issue. I am attaching a screenshot of what I see. It's very weird because I took the code from this example (http://themes.semicolonweb.com/html/canvas/index-portfolio-3.php) and it does not have the same issue. So I must have created the issue with my implementation somehow.

I also just tried the site in Internet Explorer and it worked fine. The issue seems to be happening in Chrome only right now.

Thank you for your help!
-Ben

SSemicolon WebSTAFFMay 31, 2016

Hello,

We have been testing this Issue quite extensively but we do not face this issue even on your Website. However, we will surely continue checking this out. Meanwhile, to fix this issue you can consider adding the following JS Code at the bottom of the Page just after the js/functions.js JS File Linking: 


	jQuery(window).load(function(){
		setTimeout( function(){
			$('#portfolio').isotope('layout');
		}, 500);
	});

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

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