[Support request] Menu burger on the left and logo centered, how can i do ?

[Dechambre]

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

[David]

Hi there,

how is the Navigation set up on your site ? Could you share a screenshot ?

[Dechambre]

ok, here it is
I have added the logo in the customizer “site identity”, and i use off canvas for the menu

[David]

Couple of questions – is your site set to RTL ( right to left ) reading?
And is your Navigation location set to Float ?

[Dechambre]

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.

[David]

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/

[Dechambre]

Yes it works!! Thanks

[David]

Glad to hear that!

[Author]

Posts