- This topic has 13 replies, 4 voices, and was last updated 6 years, 10 months ago by Tom.
-
AuthorPosts
-
April 14, 2017 at 11:59 am #305998Jasper
I would like on homepage to display menu logo only when sticky, other pages sticky and normal
I tried all kinds of css but i either get both or none.
Regards
April 14, 2017 at 4:03 pm #306072LeoStaffCustomer SupportHi Jasper,
Give this a shot:
.home .navigation-logo { display: none; } .home .navigation-stick .sticky-logo { display: block; }
Can you provide a link to the site if this doesn’t work?
April 14, 2017 at 11:25 pm #306145Jaspersorry, does not work
https://jetsupport.jsierink.nl/April 14, 2017 at 11:32 pm #306147LeoStaffCustomer SupportEdited the code above. Can you give it another shot?
April 14, 2017 at 11:54 pm #306149Jasperthat does it thanks!
April 14, 2017 at 11:56 pm #306152LeoStaffCustomer SupportYou’re welcome!
April 15, 2017 at 12:00 am #306158Jasperother quick question, do you think it is possible (on the same website) to get the topbar and menu horizontally aligned? It works with some margin for the menu but then the menu itims are not clickable anymore.
April 15, 2017 at 8:15 am #306268LeoStaffCustomer SupportSorry the menu already looks center to me?
This is what I see: https://s23.postimg.org/cwxlfcm7v/2017-04-15_0815.png
Let me know.
May 31, 2017 at 1:05 am #326486RobertoHello guys,
I found this topic while searching for a similar solution but this is not enough. I want to obtain the result shown in thi site https://www.granfondomtbbrescia.it/, that is, I would like to hide both menu and logo until the scrolldown, only in homepage.
Any chance you could help?
Best regards,
RoebrtoMay 31, 2017 at 8:04 am #326643LeoStaffCustomer SupportHi Roberto,
Can you try the solution here? https://generatepress.com/forums/topic/hide-nav-top-menu-logo-until-scroll/
June 1, 2017 at 2:14 am #327070RobertoHi Leo,
thanks, the solution worked almost flawlessly. Here’s the result on our site: http://www.lazzarilucchini.com/As I said, it is almost flawless: if you scroll slowly you can see that the transition is not fluent: first the sticky menu appears, then comes the main menu over it.
Also, on mobile the menu disappears.Can you help with this?
Many thanks!
RobertoJune 1, 2017 at 9:17 am #327218TomLead DeveloperLead DeveloperMaybe try this:
#site-navigation:not(.navigation-stick) { opacity: 0; }
June 5, 2017 at 5:03 am #328729RobertoHello Tom,
this didn’t work: the menu disappears but the logo and the white top remain. I did find the solution, though:
I replaced this piece of CSS:
.home .site-header.hasScrolled, .home .main-navigation.hasScrolled, .home .secondary-navigation.hasScrolled { display: block; }
With:
.home .site-header.hasScrolled, .home .main-navigation.hasScrolled, .home .secondary-navigation.hasScrolled { display: none; }
Basically, if the sticky menu is shown, there’s no need to show the fixed one. Works like a charm ๐
Thanks for your support, you guys are doing a great job! I am switching all the websites I put hands on from heavy-loaded themes like Avada/Bridge to GP+BBuilder and having great results!
Cheers,
RobertoJune 5, 2017 at 9:27 am #328857TomLead DeveloperLead DeveloperAwesome! Thanks for posting the solution that worked for you ๐
-
AuthorPosts
- You must be logged in to reply to this topic.