Archived topic
emplacement du titre et menu en mode mobile
11 replies · Started by Estelle on April 19, 2022
Bonjour,
j'ai déjà fait appel à vous, j'ai mis le menu en flottant à gauche et cela apparait comme je le souhaite en mode pc et tablette mais pas en mode mobile comment puis-je faire?
Je précise que j'ai GP premium et je vous rajoute les codes de connexion ci joint.
Hi there,
do you have a mockup of how you want the mobile version to look?
comme en mode pc ou tablette
barre du haut
titre
menu
entête
OK - on Mobile do you want the a) desktop menu or b) the hamburger menu ?
a)
In Customizer > Layout > Primary Navigation - set the Mobile Menu Breakpoint to 0
Then let us know so we can look at what needs fixing.
Je l'ai fait mais le titre et le menu apparaisse toujours après l'en tête
Do you mean on mobile the header widgets go above the logo and primary navigation?
If so, try add a media query to this CSS so it only works on desktop and tablet.
.inside-header {
display: flex;
flex-direction: column-reverse;
}J'ai essayé mais le titre et le menu apparaissent toujours après les widgets de l'entête sur mobile.
Ci joint les codes de connexion
Hi Estelle,
If you want the order of elements in your mobile header to be:
Top Bar
Site Branding
Menu
Kindly try this CSS instead of the one previously provided:
@media (max-width: 768px) {
header .inside-header {
display:flex;
flex-direction: column;
}
header .inside-header .site-branding {
order: -11;
}
}Kindly let us know how it goes. :)
je vous remercie cela fonctionne comme il faut
You’re welcome Estelle! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. :)
