Home › Forums › Support › Centered logo with menu (left) and search icon (right) This topic has 5 replies, 2 voices, and was last updated 3 years, 7 months ago by Leo. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts August 13, 2020 at 9:14 am #1401238 Immi I’m using Navigation as Header, I want to keep the logo in the center menu (left) and search icon (right). Thanks August 13, 2020 at 10:28 am #1401350 LeoStaff Customer Support Hi there, It’s a bit difficult with the navigation search inside the menu set up we currently have unfortunately. Give this CSS a shot: @media (min-width: 769px) { li.search-item { position: absolute; right: 0; } .main-navigation:not(.slideout-navigation) .main-nav { order: 1; } .navigation-branding { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } } August 13, 2020 at 11:24 am #1401413 Immi Hi, unfortunately, it’s not working August 13, 2020 at 11:44 am #1401431 LeoStaff Customer Support What is not working? I’m not seeing the code added? August 13, 2020 at 9:17 pm #1401924 Immi The code you provided below is working fine. Thank You. https://docs.generatepress.com/article/centering-logo-mobile-header/#mobile-header .site-logo { position: absolute; left: calc( 50% – 90px); /* 50% from the left – half your image width */ } #mobile-header button.menu-toggle { position: absolute; left: 0; } August 14, 2020 at 8:43 am #1402863 LeoStaff Customer Support Glad to hear 🙂 Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In