Archived topic
Menu burger on the left and logo centered, how can i do ?
7 replies · Started by Dechambre on September 5, 2020
Hi, i am building a new website and on desktop i want to have the burger menu on the left and the logo centered. But the logo always goes on the right. I tru many thing in the customizer but nothong change. If the burger menu (using off canvas) is on the right the logo automatically goes on the left. Not centered.
Before i use CSS i would like to know if there is something i do wrong...
Thenks
my website is under constuction so i can't put a link
Hi there,
how is the Navigation set up on your site ? Could you share a screenshot ?
ok, here it is 
I have added the logo in the customizer "site identity", and i use off canvas for the menu
Couple of questions - is your site set to RTL ( right to left ) reading?
And is your Navigation location set to Float ?
I don't know how to set the RTL, but it left to righr reading.
The navigation is float left, i read on this forum how to set the burger menu. With other position i don't get a burger menu, but i don't know why the logo goes on the right. With other menu location it is centered.
Try adding this CSS:
.site-header {
position: relative;
}
.site-logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}Adding CSS:
https://docs.generatepress.com/article/adding-css/
Yes it works!! Thanks
Glad to hear that!
