- This topic has 12 replies, 3 voices, and was last updated 12 months ago by
Tom.
-
AuthorPosts
-
January 17, 2020 at 10:08 am #1135375
Gonzalo
Hi there!
to scroll down with sticky navigation, I need the same image feature like original logo page.
I use this custom css:.site-branding, .site-logo { position: absolute; z-index: 200; top: 5%; }
Can you help me?
RegardsJanuary 17, 2020 at 10:23 am #1135383Kobi
hey
Maybe this link help you
https://docs.generatepress.com/article/navigation-logo/January 17, 2020 at 10:49 am #1135410Gonzalo
thank you kobi, but not work with this info π
January 17, 2020 at 10:55 am #1135415Kobi
Gonzalo
You are using GP Premium?January 17, 2020 at 10:56 am #1135418Gonzalo
absolutely yes π
January 17, 2020 at 11:08 am #1135430January 17, 2020 at 11:18 am #1135442Tom
Lead DeveloperLead DeveloperHi there,
That’s a bit of a tricky one.
What if you used the “Navigation as Header” option?: https://docs.generatepress.com/article/navigation-as-a-header/
It will likely take some tweaking, but that along with the “None” sticky navigation effect should be the solution.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJanuary 20, 2020 at 5:31 am #1137767Gonzalo
thank you. But the issue it’s about float logo.
I need this:
https://prntscr.com/qq99zx
to scrool:
http://prntscr.com/qq9asnit’s just a css detail π
January 20, 2020 at 10:51 am #1138266Tom
Lead DeveloperLead DeveloperYou could try this:
.navigation-branding { position: absolute; z-index: 200; top: 5%; width: 100px; } .navigation-branding img { height: 100px; } .navigation-stick #primary-menu { margin-left: auto; }
However, you’ll likely end up with a better result if you use the method I mentioned above π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJanuary 20, 2020 at 12:00 pm #1138320Gonzalo
thank you Tom, Navigation as Header in this site no work.
I have another GP site, working fine with this logo scroll down issue:
https://velvetconsultores.com/I use the same css, but nothing happens :/
RegardsJanuary 20, 2020 at 6:27 pm #1138543Tom
Lead DeveloperLead DeveloperHi there,
I’m not seeing the CSS I provided on your site – where did you add it?
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJanuary 21, 2020 at 5:15 am #1138961Gonzalo
Tom, please check it again π
I add a little change in you css:.navigation-branding { position: absolute; z-index: 200; top: 5%; width: 100px; } .navigation-branding img { height: 100px !important; padding: 2px 0 0 0; } .navigation-stick #primary-menu { margin-left: auto; }
Working, thank you for your help!
Regards
January 21, 2020 at 8:07 am #1139310Tom
Lead DeveloperLead DeveloperNo problem! π
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.