Archived topic
Logo centred mobile menu right on desktop
5 replies · Started by Lucy on July 4, 2022
Hi there
I have a read a few related support calls and I'm really close to what I want to do.
I want to display the logo in the center of the header on desktop and use a mobile menu positioned on the right.
I've got the mobile menu to display by editing the width to use it for to 'a large number' in the customiser and found some CSS that almost works with logo but it reduces the depth of the header cutting off the top and bottom of the logo:
http://danielm338.sg-host.com/
Can you let me know what I need to change?
Many thanks
Lucy
Hi there,
try this CSS instead:
.site-logo {
margin-left: auto;
padding-left: 55px;
}Well that's a lot easier! :-) Thank you.
Fantastic support as always.
Have a good day!
Just for reference the padding-left: 55px; adds the same width as the hamburger toggle to the left handside to balance out the spacing.
So if for any reason you adjust the width of the toggle, then that padding value will need adjusting.
Glad to be of help :)
Great thanks - I think I had tried something that made it just off-centre so it was probably that!
:)
