- This topic has 13 replies, 4 voices, and was last updated 3 years, 8 months ago by
Tom.
-
AuthorPosts
-
April 14, 2017 at 11:59 am #305998
Jasper
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
GeneratePress 1.3.46GP Premium 1.2.96April 14, 2017 at 4:03 pm #306072Leo
StaffCustomer 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 14, 2017 at 11:25 pm #306145Jasper
sorry, does not work
https://jetsupport.jsierink.nl/April 14, 2017 at 11:32 pm #306147Leo
StaffCustomer SupportEdited the code above. Can you give it another shot?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 14, 2017 at 11:54 pm #306149Jasper
that does it thanks!
April 14, 2017 at 11:56 pm #306152Leo
StaffCustomer SupportYou’re welcome!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 15, 2017 at 12:00 am #306158Jasper
other 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 #306268Leo
StaffCustomer 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 31, 2017 at 1:05 am #326486Roberto
Hello 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 #326643Leo
StaffCustomer SupportHi Roberto,
Can you try the solution here? https://generatepress.com/forums/topic/hide-nav-top-menu-logo-until-scroll/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 1, 2017 at 2:14 am #327070Roberto
Hi 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 #327218Tom
Lead DeveloperLead DeveloperMaybe try this:
#site-navigation:not(.navigation-stick) { opacity: 0; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 5, 2017 at 5:03 am #328729Roberto
Hello 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 #328857Tom
Lead DeveloperLead DeveloperAwesome! Thanks for posting the solution that worked for you π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.