Logo position on mobile version

Hi @lohannbonfils,

Thank you for contacting us. I am happy to help with your queries.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 1024px) {
	 #masthead-mobile .row {
		 position: relative;
	}
	 #masthead-mobile .col-4:nth-of-type(2), #masthead-mobile .col-4:nth-of-type(3) {
		 position: absolute;
		 top: 0;
	}
	 #masthead-mobile .col-4:nth-of-type(1) {
		 max-width: 45px;
	}
	 #masthead-mobile .col-4:nth-of-type(2) {
		 width: calc(100% - 45px);
		 max-width: calc(100% - 45px);
		 left: 45px;
	}
	 #masthead-mobile .col-4:nth-of-type(3) {
		 right: 0;
		 max-width: 90px;
	}
	 #masthead-mobile .col-4 .site-branding {
		 display: table;
		 margin-left: auto;
		 margin-right: auto;
	}
	 #masthead-mobile .col-4 .site-branding a.custom-logo-link {
		 margin-left: -45px;
	}
}

Hope that helps.

Regards,
Kharis

You’re the best ! Thanks so much buddy !

You’re welcome @lohannbonfils!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis