Position du menu sur une page

Bonjour,
Pour ma page d’aacueil, J’ai mis ca dans mes CSS:

.page-id-19 .logo img{
display: none;
}

.page-id-19 .main_menu {
display:flex;
justify-content:center!important;
width:100%;
}

Je centre ainsi mon menu et je supprime le logo sur ma page d’aceuil et c’est parfait seuelement sur cette page en version telephone mobile , mon icone burger n’est plus placé eh haut a droite comme sur les autres pages…

Que dois je mettre en Css pour que l’icone menu sur les petits ecrans ne soit pas décallé?

Par avance Merci!