Parallax viewing issues on mobile

Hi,
Thank you for your patience anf the link to your site, to make the top image on your homepage full width on mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.responsive #top.home #wrap_all #av_section_1 > .container {
		width: 100%;
		max-width: 100%;
	}
}

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.
To center the text blocks Some of our projects and Lets talk on mobile you need to edit the column and under the advanced tab see the settings for Animation ▸ Parallax Rules click the mobile icon and choose none:

and check that under the same advanced tab Position ▸ Column Position click the mobile icon and choose left 0:

For the cell padding click the mobile icon and ensure it is empty

Best regards,
Mike

Hi,
To add the social icons to your burger menu to your burger menu try this solution.

Best regards,
Mike

Hi,
If you add customizations to the parent theme function it will be lost on updates, but with a child theme they will not be lost.
To add the Microsoft Team logo, I assume that this is not available as a icon so you can add it like we do for TikTok, try following these steps and adjust for your logo.
If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets and allows you to export and import your custom code snippets to other sites that you may have or as a backup.

Best regards,
Mike