Canvas Support

Can´t animate all Portfolio items and Potfolio items falling down

3 replies · opened Feb 17, 2022

EEduarditoRGFeb 17, 2022

Hello !!!

Problem 01: I have a 3 by 2 items portfolio. 6 items in total. The problem is that I can´t make all items in the portfolio have flexslider animations. In the upper row of three items, only two items can have animations (No matter the position). If I place animations on all 3 upper items, the three items below them almost get in top of them (almost by 90 %).

Problem 02: Fullwidth Portfolio Collapsing into 2 rows upon loading of page problem. Another user posted this same problem with no solution given. I am using Firefox. When using a 3 items by row Portfolio and fullwidth, when the page loads one of the items drop to the bottom, leaving the row with only 2 items. This happens with some resolutions but it doesn´t happens with some others.

Thank you for your help !!!

Eduardito

SSemicolon WebSTAFFFeb 17, 2022

Hello,

  1. We have checked this out and in our tests all the Portfolio Items with Flex Slider in the First Row in the Grid load with bottom items overlapping but the Grid quickly recorrects itself. This unfortunately is the default behavior as both Flex Slider and Grid Filtering are JS Components and requires times to calculate the correct positions of the items. You can fix this by simply removing the .grid-container Class from the Portfolio DIV but this will disable the Filtering.

  2. Yes we have checked this out and the issue is still there on Firefox (Browser Bug) on some resolutions. You can consider using the following code specifically for the Full Width Layouts:
    [ch_pre type="css"].portfolio {
    width: calc(100vw + 0.333333%);
    }[/ch_pre]

This is working fine for us. Hope this Helps!

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

EEduarditoRGFeb 18, 2022

Thank you for reply.

About 1, That´s great even without the filtering because I am not using it at all. So that solve the problem for me.

About 2, Great, thank you. I will check it out.

Thanks a lot, great support !!!

Eduardito.

SSemicolon WebSTAFFFeb 19, 2022

Hello,

Very Happy to Help! :)

Please 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