window resize layout problems

2 replies · opened Aug 27, 2017

JjogjandrewAug 27, 2017

Hello,

I am finding that some elements in the layout do not rearrange/resize properly when the browser window is resized. Most often parallax sections can get out of wack and other images may get clipped by other content. Reloading the page fixes these kinds of problems.

What is your suggestion for ensuring the layout is correctly drawn to the screen when the window is resized?

http://www.fabri-cad.com/

Best,
Andrew

BbaroninkjetAug 28, 2017

Their own parallax samples do not work properly. As of last week, they were working on a fix.

SSemicolon WebSTAFFAug 31, 2017

Hello,

We have disabled many of the JS Codes to re-initialize when resizing the Browser since this creates a Large Overhead of the JS Memory causing the Page to slow down while scrolling. And it is best to Reload the Page since the users of your Website will never resize the Browser to check your Website.

Additionally, you can simply find the following code in the js/functions.js File:

$.stellar({
	horizontalScrolling: false,
	verticalOffset: 150
});

and replace it with:

$.stellar({
	horizontalScrolling: false,
	verticalOffset: 150,
	responsive: true
});

to refresh the Parallax Content on Browser Resize.

@baroninkjet Please let us know which Parallax Samples are you talking about so that we can speed up the fixing process. Thanks for your Patience.

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
window resize layout problems · Canvas Template Support