Home › Forums › Support › How do I swap the logo and menu position for mobile? This topic has 18 replies, 2 voices, and was last updated 5 years, 11 months ago by Leo. Viewing 15 posts - 1 through 15 (of 19 total) 1 2 → Author Posts May 1, 2018 at 4:16 am #564489 Sean How do I swap the navigation logo and menu position for mobile view? May 1, 2018 at 7:30 am #564616 LeoStaff Customer Support Hi there, So having the logo on the right and the menu toggle on the left? Should be doable with mobile header: https://docs.generatepress.com/article/mobile-header/ Can you activate it first then we can help with some CSS? May 8, 2018 at 6:17 pm #571020 Sean Thanks Leo, have activated the mobile header, could you also recommend CSS for putting the logo above the menu as well? Thanks, Sean May 8, 2018 at 8:45 pm #571090 LeoStaff Customer Support Ahh if you want the logo above header than mobile header can’t be used. How are you hiding the header on desktop currently? With a snippet? Let me know ๐ May 8, 2018 at 9:29 pm #571111 Sean I would like to have the option to both swap the logo left to right and also be able to move the logo above the nav, then I can split test. I’m not sure what you mean by hiding the header on the desktop? As far as i see the header shows on desktop. Thanks May 8, 2018 at 9:42 pm #571112 Sean Ah, I know what you mean now, to hide the header I am using the page builder Elementor. It enables me to disable layout elements including the header. May 8, 2018 at 9:54 pm #571114 LeoStaff Customer Support Let’s figure out the header first. Instead of using Elementor, can you try this CSS so it will show on mobile? @media (min-width:769px) { .site-header { display: none; } } Then your logo from site identity should show on top on mobile. Let me know. May 9, 2018 at 12:07 am #571159 Sean Have added the code, but for some reason, I can not remove the navigation logo, so both the site identity logo and nav logo show in mobile view. May 9, 2018 at 9:18 am #571614 LeoStaff Customer Support Try this CSS as well: @media (max-width: 768px) { .navigation-logo.site-logo { display: none; } } May 9, 2018 at 7:53 pm #571973 Sean Is there also a way to centre the menu navigation in mobile view? It is now aligned to the right in mobile view. Thanks, Sean May 9, 2018 at 8:59 pm #572013 LeoStaff Customer Support Try this CSS: @media (max-width: 768px) { .menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle { float: none; width: 100%; } } May 9, 2018 at 9:52 pm #572042 Sean Thanks Leo, all working good! May 10, 2018 at 8:31 am #572491 LeoStaff Customer Support No problem ๐ May 13, 2018 at 5:49 pm #574694 Sean I just updated the logo design, but now it won’t show in desktop. Any fix for this? Thanks, Sean May 13, 2018 at 7:34 pm #574729 LeoStaff Customer Support The navigation logo is still showing this image: https://www.thomas-services.com.au/wp-content/uploads/2018/05/TS-LOGO-BAR-1-min.png Can you try reuploading it? Author Posts Viewing 15 posts - 1 through 15 (of 19 total) 1 2 → You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In