column bug while scrolling & side-page menu

2 replies · opened Mar 24, 2019

RRendezViewMar 24, 2019

Hi Team of geniuses! I am in love with Canvas, its exactly what I need to make it all!

I only have 1 problem and 1 question:

  • on https://1download.nl/canvas/blog.html I have a weird bug that swipes te column to the right(instead of center), and when I scroll the page It swipes back in place. Can you guys help me find the reason for this? ofcourse, i don't want any columns to change when scrolling.

  • question:
    Is it possible, on this same page, to let desktop viewers see the side-panel-nav open on page load? I understand on mobile devices this would be unhandy, but on desktop I really would like to show this (hidden) side menu right away.
    The button to trigger this is the Labs button in the green Nav.

Hopefully, this is not that hard to find and my question is possible.
Thanks in advance, Looking forward to a reaction!

Kind Regards,
Camiel Peeters
From the Netherlands

RRendezViewMar 26, 2019

Any ideas ? Hope to get this problem solved so I can continue my project!

SSemicolon WebSTAFFMar 26, 2019

Hello,

Thank You so much for the Kind Words and your Patience!

  1. We have checked out your Page and there are some HTML Validations errors: https://validator.w3.org/nu/?doc=https%3A%2F%2F1download.nl%2Fcanvas%2Fblog.html which might be causing this issue. Please fix them and the issue should be fixed automatically.

  2. This is definitely possible. You can simply add the following JS Code at the bottom of the Page:


	jQuery(window).on( 'load', function(){
		if( jQuery('body').hasClass('device-xl') || jQuery('body').hasClass('device-lg') ) {
			jQuery('body').toggleClass('side-panel-open', true);
		}
	});

This will definitely work fine. Hope this Helps!

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