How to change logo position

How do i change the logo position on mobile only from left to center?
Also taking the menu option on the right into consideration

Helping will be way easier if you could share the link? The below code should help center your logo be centered in the screen. Need your website link to see if it is possible to center your logo in between the left side of the screen and burger icon.

@media screen and (min-width:100px) and (max-width: 799px){
.header-title-logo {
	display:block !important;
	margin-left:auto;
	margin-right:auto;
}
}

your code did put the PC version logo in the middle of the mobile version screen extra.

i neede the mobile logo screen itself to go to the middle. 

Try this:

/*centralise logo for mobile*/
@media screen and (max-width:767px) {
.header-title-logo {
    text-align: center;
    margin-left: 50px;
}
}

10 minutes ago, khs123 said:

Try this:

/*centralise logo for mobile*/
@media screen and (max-width:767px) {
.header-title-logo {
    text-align: center;
    margin-left: 50px;
}
}

 

Great job! but a small correction. Try this:

@media screen and (max-width:767px) {
.header-mobile-logo {
    text-align: center;
    margin-left: 50px;
}
}

1 hour ago, aravsanj said:

Great job! but a small correction. Try this:

@media screen and (max-width:767px) {
.header-mobile-logo {
    text-align: center;
    margin-left: 50px;
}
}

 

YES, THATS IT! Legendddddd