Screen & Menu Flicker

10 replies · opened Mar 12, 2018

BBlunt_HausMar 12, 2018

Good day support team,

I seem to be having a problem with the Video Page Title and Menu.

When scrolling up there seems to be a flicker of white on the right hand side of the screen.

Please see the following link for a live example - Link

When adding the div clear after the /header as iv read on other forum posts, it stops the Video Page Title from displaying correctly and seems to show the sticky menu instead.

BBlunt_HausMar 14, 2018

Good day support team,

I seem to be having a problem with the Video Page Title and Menu.

When scrolling up there seems to be a flicker of white on the right hand side of the screen.

When adding the div clear after the /header as iv read on another forum post, it stops the Video Page Title from displaying correctly.

Please help.

SSemicolon WebSTAFFMar 14, 2018

Hello,

Thanks for your Patience! Can you please let us know which Browser you are facing this issue on, so that we can investigate further on this. 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.

BBlunt_HausMar 22, 2018

Hi Support,

It seems to be happening with Firefox 59.0.1 (64-bit)

It also sometimes shows the video poster instead of auto playing the video.

Please let me know if you are able to assist.

Regards

BBlunt_HausMar 22, 2018

Hi SemiColon,

Iv managed to figure out that the .mov file extension seems to be the problem with the new Firefox update, it no longer plays the video in the page title if the video file is a mov file, it needs to me an mp4. this seemed to fix that bug.

The screen flicker at the top of the screen when scrolling up is still a problem - I need help to sort this out please.

BBlunt_HausMar 26, 2018

Any help please support team!

BBlunt_HausMar 27, 2018

Support, please i need to get this website live an i cant upload a site that is glitchy...

SSemicolon WebSTAFFMar 27, 2018

Hello,

Thanks for your Patience! We have checked the Link you have provided, however your Website is not using the Canvas Template. Please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. 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.

BBlunt_HausApr 10, 2018

Hi Semi Colon Team,

As mentioned in two previous tickets, the flicker issue in firefox is still not fixed, even with the update and adding the clear div after the menu.

Please see a live example here, My Site.

It is affecting every single video banner on every page.

Please assist as i cannot have a client site looking like that.

Kind regards,
BH

BBlunt_HausApr 10, 2018

Here is a direct link to one of the pages, it happens the moment you scroll up.

It is the latest version of firefox and the one before as well.

Link to Live Example Banner

SSemicolon WebSTAFFApr 12, 2018

Hello,

Yes, there is definitely an Issue on Firefox. Simply add the following code just after the </header> tag:

and then add the following CSS code:

@media (min-width: 992px) {
	#header.transparent-header + .clear + #slider,
	#header.transparent-header + .clear + #page-title.page-title-parallax,
	#header.transparent-header + .clear + #google-map,
	#slider + .clear + #header.transparent-header {
		top: -100px;
		margin-bottom: -100px;
	}

	#header.transparent-header + .clear + #page-title.page-title-parallax .container {
		z-index: 5;
		padding-top: 100px;
	}
}

This will definitely fix the issue. 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