Canvas Support

Page load issue with portfolio-reveal & page scroll jump

11 replies · opened Oct 31, 2021

JJasonJSWOct 31, 2021

Hi Semi team,
Hope you've been well. I have decided to do some minor updating to my website and I thought it was also time to upgrade Canvas as well. I updated from Version 6.1.4 > Version: 6.5.4.

PROBLEM 1
Since the update I noticed a significant lag on page loading for the portfolio-reveal. It's basically the section of my portfolio-desc, a white box that loads and disappears. I did notice this in the past, which was only about a second, but now it's a good 2-3 seconds of the white box. I would like to remove this completely if possible, or at least revert it back to the quick load. Is it possible to remove this loading time so the page starts without those white boxes?

PROBLEM 2
I noticed also on mobile, when scrolling down my website it will "jump" and skip my grid-filter, I'm not sure why this happened but it's not due to my custom.css. It used to scroll smoothly down the page, but now it jumps

I have uploaded a screen capture from my phone to show both problems:
https://drive.google.com/file/d/110VC4xT3S1VHXQo1MMNDJAjuiCBaL7Je/view?usp=sharing

Thank you,
Jason

JJasonJSWNov 3, 2021

Hello, I haven't received a response on this one any fixes for this ?

SSemicolon WebSTAFFNov 3, 2021

Hello,

Apologies for the Delays in replying on this!

  1. We have checked this out and there is definitely a noticeable delay but as long as it is on your Website, please check our Live Preview: https://themes.semicolonweb.com/html/canvas/portfolio-notitle.html . Meanwhile, please consider using the following CSS Code and let us know if this fixes your issue:
    [ch_pre type="css"]body:not(.has-plugin-isotope) .portfolio-reveal .portfolio-desc {
    display: none;
    }[/ch_pre]

  2. We feel that this issue is because of the first one. Consider using the above solution first and then let us know if this issue is resolved as well. 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.

JJasonJSWNov 4, 2021

Hello, no problem thank you for your response. This works! This definitely got rid of the delayed portfolio-desc for all sizes, but not mobile. I tried putting the same code in @media (max-width: 479px) but it didn't work. Would you know how to fix this for mobile as well?

  1. This one is still unresolved unfortunately, grid-filter still jumps when scrolling down. I had to revert my webpage to 6.1.4 for now - it still jumps on this version but only once and then when scrolling back up and down it's normal. I thought it might be an issue with custom mobile padding/margin, so maybe I can play with that
SSemicolon WebSTAFFNov 5, 2021

Hello,

Thanks for your Patience!

We are still checking what is causing this. Please allow us 24-48 hours to get back to you with a Solution. 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.

SSemicolon WebSTAFFNov 8, 2021

Hello,

Thanks for your Kind Patience!

We have checked this out and tried replicating this on the Package Files with the Latest Version but it appears to be working fine for us. Would it be possible for you to please share your FTP Details in a Private Reply so that we can check this out for you and fix this? 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.

SSemicolon WebSTAFFNov 9, 2021

Hello,

Could you please consider providing us with the Files again. We see a File does not exist error on Google Drive. 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.

SSemicolon WebSTAFFNov 10, 2021

Hello,

We ave checked this out and this is definitely a bug. The issue only appears when the Mobile Sticky Header is active. Consider adding the following CSS code in the css/custom.css File while we find a more robust solution for this in the next update:
[ch_pre type="css"].header-wrap-clone {
height: calc( 100px + 1px );
}[/ch_pre]

This should definitely fix the issue. Hope this Helps!

Apologies for the delays in fixing this issue.

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

JJasonJSWNov 11, 2021

Hi,

Thank you! This actually fixes one of the problems. I noticed that even in version 6.1.4 it had this issue and this custom.css code resolved it too. So for now I have reverted back to 6.1.4 and implemented the above code which resolves all of my issues.

For the future, 6.5.4 still has the problem with MOBILE delay of white box portfolio-reveal portfolio-desc.

The solution you gave me before works only for non-mobile:

body:not(.has-plugin-isotope) .portfolio-reveal .portfolio-desc {
display: none;
}

For now I am happy with my version 6.1.4 so you can mark this as resolved. I will wait and try the next updated version

Thank you,
Jason

SSemicolon WebSTAFFNov 12, 2021

Hello,

Really Glad that the issue was resolved. Apologies for the Inconveniences caused due to this. The Next Update will include this fix. 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.

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