Image et vidéo du header qui saute sur mobile

Hey Sébastien,

Thank you for the inquiry.

We might need to visit the site in order to check the issue. Are you using a Color Section element with a background video? Please note that background videos are disabled on mobile devices by default, hence the availability of a fallback image option. This fallback image will display and replace the background video on smaller devices such as mobile phones.

Best regards,
Ismael

Hi,
Thank you for the link to your site, it looks like the text rotator on smaller screens shows some of the longer text in two lines, when this occurs the element “jumps” some, to correct this try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 990px) { 
	#av_section_1 .av-rotator-multiline-on.av-rotator-text {
		min-height: 114px;
	}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Perhaps I don’t understand correctly, what do you mean by “lag”?
perhaps a screenshot would help.
I was talking abount the height of the blue text when it is two lines:

Best regards,
Mike

Hi,
Thanks for the feedback, it looks like one of the text rotator lines is larger than 114px so please chage the css above to this css:

@media only screen and (max-width: 990px) { 
	#av_section_1 .av-rotator-multiline-on.av-rotator-text {
		min-height: 126px;
	}
}

After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike