- This topic has 18 replies, 2 voices, and was last updated 4 years, 1 month ago by
Leo.
-
AuthorPosts
-
May 1, 2018 at 4:16 am #564489
Sean
How do I swap the navigation logo and menu position for mobile view?
GeneratePress 2.0.2May 1, 2018 at 7:30 am #564616Leo
StaffCustomer SupportHi 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 8, 2018 at 6:17 pm #571020Sean
Thanks Leo, have activated the mobile header, could you also recommend CSS for putting the logo above the menu as well?
Thanks,
SeanMay 8, 2018 at 8:45 pm #571090Leo
StaffCustomer SupportAhh 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 ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 8, 2018 at 9:29 pm #571111Sean
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 #571112Sean
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 #571114Leo
StaffCustomer SupportLet’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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 9, 2018 at 12:07 am #571159Sean
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 #571614Leo
StaffCustomer SupportTry this CSS as well:
@media (max-width: 768px) { .navigation-logo.site-logo { display: none; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 9, 2018 at 7:53 pm #571973Sean
Is there also a way to centre the menu navigation in mobile view? It is now aligned to the right in mobile view.
Thanks,
SeanMay 9, 2018 at 8:59 pm #572013Leo
StaffCustomer SupportTry this CSS:
@media (max-width: 768px) { .menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle { float: none; width: 100%; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 9, 2018 at 9:52 pm #572042Sean
Thanks Leo, all working good!
May 10, 2018 at 8:31 am #572491Leo
StaffCustomer SupportNo problem ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 13, 2018 at 5:49 pm #574694Sean
I just updated the logo design, but now it won’t show in desktop. Any fix for this?
Thanks,
SeanMay 13, 2018 at 7:34 pm #574729Leo
StaffCustomer SupportThe 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.