Home › Forums › Support › Center Logo This topic has 7 replies, 2 voices, and was last updated 4 years, 8 months ago by Tom. Viewing 8 posts - 1 through 8 (of 8 total) Author Posts July 21, 2019 at 3:14 pm #963665 Andy Hi, I’m using the Navigation as Header option and want to center the logo on mobile. This sounds simple on paper but because it’s now using flexbox i’m unsure what CSS to use. Any help much appreciated. Thx! July 21, 2019 at 4:16 pm #963699 TomLead Developer Lead Developer Hi there, Maybe this will help?: https://docs.generatepress.com/article/centering-logo-navigation/#using-the-navigation-as-a-header Let me know 🙂 July 27, 2019 at 5:19 am #968459 Andy Thanks Tom, it seems I only needed this bit of code from the guide: .site-branding, .site-logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 200; } But I want the toggle to stay on the right not the left?. July 27, 2019 at 7:27 pm #968929 TomLead Developer Lead Developer Is that code active right now? I’m not seeing it on the site you shared. Let me know 🙂 July 28, 2019 at 5:06 am #969090 Andy Sorry I was testing it locally first. I’ve now added it to the live site from 600px and below. July 28, 2019 at 7:00 am #969176 TomLead Developer Lead Developer Try this CSS: #mobile-header .menu-toggle { margin-left: auto; } July 28, 2019 at 7:45 am #969209 Andy Thanks didn’t realise it would be that simple, also needed to add: .navigation-branding, .site-logo.mobile-header-logo { margin-left:0; } July 28, 2019 at 6:58 pm #969644 TomLead Developer Lead Developer No problem – glad you got it working 🙂 Author Posts Viewing 8 posts - 1 through 8 (of 8 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In