- This topic has 25 replies, 3 voices, and was last updated 3 years, 4 months ago by Tom.
April 17, 2018 at 1:50 am #552448Verónica
Hi Tom and Leo,
I’d like to replicate this menu on desktop, tablet and mobile version but after some tries I don’t get it. I’ve GP 2.0.2 and Elementor. After spending more time trying to achieve it, do you know if it’s possible?
This is the web with the menu I’m trying to replicate.
Thanks a lot in advance!GeneratePress 2.0.2April 17, 2018 at 8:54 am #552853LeoStaffCustomer Support
Just to double check, do you need help in all three mode? The title says mobile only.
For desktop, are you looking to merge the hero image with the navigation?
If so this should help: https://docs.generatepress.com/article/merging-header-navigation-content/
Let me know 🙂April 18, 2018 at 3:58 am #553610Verónica
Hi Leo! Thanks for your answer! Yes, you are right! Although the title says “mobile” I’ll appreciate very much if you can help me with the two version: desktop and mobile (they use the mobile version for tablets and phones).
I’ve followed the instructions you’ve provided me for the header (I’ve applied it in the home page), but it’s empty.
Thanks so much for your help offer.April 18, 2018 at 8:53 am #553889LeoStaffCustomer Support
Do you have page header disabled here?
https://docs.generatepress.com/article/disable-elements-overview/April 18, 2018 at 12:24 pm #554068Verónica
No, it’s enabled. Here you have a screenshot of the home’s configurationApril 18, 2018 at 8:27 pm #554285LeoStaffCustomer SupportApril 19, 2018 at 12:28 am #554424Verónica
Apologizes Leo, maybe you are thinking I’m blind or that I didn’t read your answer, but I read it and read it again now and also I watch the video, and the screenshots I sent you were about the sections the article talk about :|. There are two images: the first from the disable element metabox and the second for the header selected. If it’s neccesary I can provide you my user and password to check it directly on the administration dashboard.
Kind Regards,April 19, 2018 at 9:10 am #554904LeoStaffCustomer SupportApril 19, 2018 at 2:22 pm #555153Verónica
Yes! You were right Leo :)! I thought that Header was enough. I need to relocate the slider now, but yes.
And now that the menu is merging with the page header, can we achieve the same behaviour as https://www.faunayflora.es? They are using the mobil menu for tablets and mobiles width the logo centered and search and cart in the menu instead at the right corner.
Thanks a lot!April 19, 2018 at 9:36 pm #555339TomLead DeveloperLead Developer
The desktop version should be achieveable by using the Navigation Logo option, instead of the centered logo you’re using now: https://docs.generatepress.com/article/navigation-logo/
Then on mobile I suggest using the Mobile Header option, which we can then adjust to have the logo centered and mobile menu on the left. Let me know when you set this up and I’ll give you the CSS 🙂April 20, 2018 at 1:39 am #555462Verónica
Thanks for your help!
Kind Regards!April 20, 2018 at 9:58 am #555874TomLead DeveloperLead DeveloperApril 20, 2018 at 1:24 pm #556039Verónica
hi Tom! Apologizes, maybe you misunderstood my All done ;P! I still need your CSS ;P. I’ve done the mobile header option but the behaviour is not the same as the one faunayflora.es have.
Apologizes for the misunderstoodApril 20, 2018 at 3:39 pm #556106TomLead DeveloperLead Developer
Ah! Sorry about that.
Your desktop site seems to still be using the logo as a menu item. If you want it to look like the sample site you sent, you’ll want to remove that menu item logo, and add it as a navigation logo.
There’s also quite a bit of custom CSS which is conflicting with the mobile header. Is there any way we can save that custom CSS elsewhere and then remove it for now? It will help us get to your desired layout a lot quicker 🙂April 20, 2018 at 3:50 pm #556108Verónica
No worries! Thanks to you for your help!
I’ve just removed the logo from the menu and added it as a navigation logo (https://imgur.com/a/AFSLUuc)
Yes, of course, I can remove the CSS. Do you want me to remove all of them or only some classes? Let me know and I’ll do it!
- You must be logged in to reply to this topic.