Mega-menu with infinite scroll not working

2 replies · opened Mar 30, 2017

JjuanleMar 30, 2017

First of all, thanks for your excellent work.

I have tried infinity scroll. All was great, but later I include on the top a mega-menu and infinite scroll does not work correctly as it will keep listing the "articles" that are part of the menu plus the "articles" in the content. But the infinite scroll should load the content only, not the elements in the menu. I have this problem using your standard template. I will try to find a workaround changing some tags or elements. But what do you suggest? Does it mean that mega-menu and infinite scroll cannot be combine? Should I use something different from article in mega-menu?

Thanks and have a nice day
Juan

JjuanleMar 30, 2017

I found the solution by replacing article by div. As the javascript of infinite scroll is targeting article "portfolio-item" by simply changing article by div those elements will not be targeted and it will work.

You can mark issue as solved. But maybe in your example http://themes.semicolonweb.com/html/canvas/mega-menu.php for portfolio you should not use the article element as it will create a conflict with the real article elements inside the portfolio.

Thanks
Juan

SSemicolon WebSTAFFApr 1, 2017

Hello,

Thank You for all your Patience with us! Currently, we are really unsure if the Mega Menu can handle Infinity Scrolling. Additionally, as you suggested, it is definitely recommended to change the article Tag to div Tag.

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