sass bug in header.scss

3 replies · opened Dec 6, 2016

GgothassosDec 6, 2016

When trying to use the overlay menu (menu-10.html) while using SASS versions of the template, the overlay background does not cover the entire page.

It only covers the height of the header.

See "header.scss" on line #1062


#header-wrap {
	position: relative;
	z-index: 199;
	@include translate3d(0,0,0);
	-webkit-perspective: 1000px;
	-webkit-backface-visibility: hidden;
}

When commenting out the following 2 lines, my problem is solved and the overlay covers the screen entirely.


@include translate3d(0,0,0);
-webkit-perspective: 1000px;

Is it safe to remove these 2 lines?

SSemicolon WebSTAFFDec 6, 2016

Hello,

We have resolved this issue in the Latest Version of Canvas. Please update the SASS Files to the Latest Version and this issue will be automatically resolved.

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

GgothassosDec 7, 2016

I've already updated the template when I discovered the issue.

See "css/imports/header.css" around line #1115


#header-wrap {
	position: relative;
	z-index: 199;
	-webkit-backface-visibility: hidden;
}

BUT... in "sass/header.scss" around line #1062


#header-wrap {
	position: relative;
	z-index: 199;
	@include translate3d(0,0,0);
	-webkit-perspective: 1000px;
	-webkit-backface-visibility: hidden;
}

The SASS version is different from the plain CSS version. Upon removing the 2 lines I already mentioned above (making the 2 versions the same), the problem was resolved.

I thought to bring it to your attention.

SSemicolon WebSTAFFDec 8, 2016

Hello,

Thank You so much for Reporting this to us! And we Really Apologize about the Inconveniences caused!

We will check this out thoroughly and release an Update shortly. 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