Masonary - sometimes on mobile not working

24 replies · opened Apr 13, 2020

MmarkoApr 13, 2020

Hello!

I implemented Canvas Masonary, on computer it works great, but on mobile, first time it works ok, and imgs are ordered automaticly. When I refresh on mobile that same page with refresh button, Masonary goes in some idle, and after couple clicks on empty part of page then finally Masonary activates. Do you have an idea what to do? You can check on my link:

URL Link: rebrand.ly/f6b11

Demostration img: rebrand.ly/f6c30

Thanks!

SSemicolon WebSTAFFApr 14, 2020

Hello,

Can you please let us know the Device and Screen Size you are facing this issue on so that we can check into this further. 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.

MmarkoApr 14, 2020

Hello!

I'm watching that page on Samsung S10e and Samsung A40 2019.
On your mobile phone you do not see that problem?
When I watch that page with Chrome Inspect -> Mobile device -> Samsung S5, I don't see that problem. I only see that problem when I wathc page with my mobile phone.

SSemicolon WebSTAFFApr 15, 2020

Hello,

Unfortunately, we do not have the Physical Device but on checking the Grid on Browser Testing, it appears to be working perfectly fine. Please consider adding the following line of code at the bottom of the Page after the js/functions.js JS File Linking:


	jQuery(window).on( 'load', function(){
		setTimeout( function(){
			if( $('.grid-container').hasClass('portfolio-full') ) {
				$('.grid-container.portfolio-full').isotope('layout');
				SEMICOLON.portfolio.portfolioDescMargin();
			}
		}, 1000);
	});

This should fix the issue. Hope this Helps!

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

MmarkoApr 15, 2020

Hello! I added that code, but again after second refresh masonary grid is not automatically created. It is created again after couple "empty" clicks on while spaces on page ...

SSemicolon WebSTAFFApr 16, 2020

Hello,

Thank You so much for more information and screencast on this. We will run more tests on this and will provide you with a solution shortly. 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.

MmarkoApr 16, 2020

Many thanks!

SSemicolon WebSTAFFApr 21, 2020

Hello,

Thanks for your Continued Patience!

Can you please consider adding the code below at the bottom of the Page just after the js/functions.js JS File Linking:


	jQuery(window).on( 'load', function(){
		setTimeout( function(){
			SEMICOLON.portfolio.arrange();
			SEMICOLON.portfolio.portfolioDescMargin();
		}, 1000);
	});

Hope this Helps!

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

MmarkoApr 21, 2020

Hello! You can check on your mobile phone ... situation is the same as before ... do you have any other idea?

SSemicolon WebSTAFFApr 22, 2020

Hello,

Apologies about the Inconveniences caused and Thanks for Continued Patience with this issue.

We would like to really apologize about the delay in solving this issue for you, however, unfortunately, this is a really unique issue and something that has never been reported before. We would like to assure you that we are continuously working on this and will definitely do our best to fix this for you as early as possible. 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.

MmarkoApr 22, 2020

Hello,

many thanks!

Have you maybe try emulate this problem at yours test?

Do you need maybe source code or I can provide to you FTP so you can try when you change something in code ...

SSemicolon WebSTAFFApr 23, 2020

Hello,

Thanks for your Continued Patience!

We tried checking this in our Browsers emulating the Screen Width, however, it appeared to be working fine for us. Meanwhile, as we mentioned earlier, we don't have a physical device at the moment for this and considering the Lockdowns at the moment, we wont be getting hands on one anytime soon. Well, it would be great if you can provide us with the FTP Access in a Private Reply and we will definitely try checking this for you by running more tests. 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.

MmarkoApr 26, 2020

FTP Username: tesst@marko-hruska.from.hr
FTP server: ftp.marko-hruska.from.hr
FTP & explicit FTPS port: 23131
Password: 4sSLg1r2v1wh

Path: /resources/views/views-public

MmarkoApr 26, 2020

Hello!

We tried checking this in our Browsers emulating the Screen Width, however, it appeared to be working fine for us.

As I said, on Chrome emulator that error doesn't appear.

Meanwhile, as we mentioned earlier, we don’t have a physical device at the moment.

I don't understood, nobody in your company doesn't have any mobile phone to open that page and look what is happening?

Well, it would be great if you can provide us with the FTP Access in a Private Reply and we will definitely try checking this for you by running more tests.

I send you a FTP account.

Many thanks!

SSemicolon WebSTAFFApr 28, 2020

Hello,

Thanks for your Patience!

We will be running tests on your Website shortly.

I don’t understood, nobody in your company doesn’t have any mobile phone to open that page and look what is happening?

This issue does not occur on an iPhone 11 Device which we have with us at the moment.

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

MmarkoMay 3, 2020

Hello! Do you have some new informations about this?

SSemicolon WebSTAFFMay 4, 2020

Hello,

Thanks for your Valuable Patience. Allow us to get back to you within a Few Hours from now.

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

SSemicolon WebSTAFFMay 5, 2020

Hello,

Thanks for your Patience!

We are working on this for a while now but it works perfectly fine with iPhone, iPad Pro and Google Pixel devices. Can you please let us know if you are facing this issue only on your Samsung Device or any other device as well? We apologize about the Delays in resolving this, but the issue appears to be very unique, especially when it works fine here as then it becomes harder to debug. We are still working on this and will keep you updated.

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

MmarkoMay 5, 2020

Hello! I ask a frined to try on its iPhone, and on it is ok. On my Samsung S10e is not, I ask one more friend with Huawei device and there is also not ok ...

SSemicolon WebSTAFFMay 5, 2020

Hello,

Thank You so much for this valuable piece of information. We will be going through more tests on this shortly and will get back to you within 24-48 hours. We apologize about the delays and we really appreciate you continued patience on this.

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

MmarkoMay 7, 2020

Thanks! I hope that soon we will have fix for this because my client is every day asking me when this will be fixed ...

SSemicolon WebSTAFFMay 8, 2020

Hello,

Thanks for your Patience. We have been working on this continuously. So first we will have to determine if the issue is actually within the codes of the Templates and Masonry Functionality provided in the Default Package or due to customization.

Can you please check if you are facing the same issue here as well: http://themes.semicolonweb.com/html/canvas/portfolio-mixed-masonry.html ?

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

MmarkoMay 25, 2020

Hello! My support subscription will be finished for 2 days, can you please extend it for free? I'm working on this problem, so I will send you an message if I successfuly fix it ...

SSemicolon WebSTAFFMay 26, 2020

Hello,

Unfortunately, no. As this is not controlled by us but directly via ThemeForest. Additionally, we are also not sure if the issue is due to the Template Codes as nobody has confirmed this yet and also not confirmed by you for this URL: http://themes.semicolonweb.com/html/canvas/portfolio-mixed-masonry.html .

Let us know if we can help you with anything else.

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