Home › Forums › Support › sticky navigation logo This topic has 12 replies, 3 voices, and was last updated 3 years, 10 months ago by Tom. Viewing 13 posts - 1 through 13 (of 13 total) Author Posts 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? Regards January 17, 2020 at 10:23 am #1135383 Jacob hey Maybe this link help you https://docs.generatepress.com/article/navigation-logo/ January 17, 2020 at 10:49 am #1135410 Gonzalo thank you kobi, but not work with this info π January 17, 2020 at 10:55 am #1135415 Jacob Gonzalo You are using GP Premium? January 17, 2020 at 10:56 am #1135418 Gonzalo absolutely yes π January 17, 2020 at 11:08 am #1135430 Jacob https://docs.generatepress.com/article/sticky-navigation/ January 17, 2020 at 11:18 am #1135442 TomLead Developer Lead Developer Hi 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. January 20, 2020 at 5:31 am #1137767 Gonzalo thank you. But the issue it’s about float logo. I need this: https://prntscr.com/qq99zx to scrool: http://prntscr.com/qq9asn it’s just a css detail π January 20, 2020 at 10:51 am #1138266 TomLead Developer Lead Developer You 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 π January 20, 2020 at 12:00 pm #1138320 Gonzalo 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 :/ Regards January 20, 2020 at 6:27 pm #1138543 TomLead Developer Lead Developer Hi there, I’m not seeing the CSS I provided on your site – where did you add it? Let me know π January 21, 2020 at 5:15 am #1138961 Gonzalo 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 #1139310 TomLead Developer Lead Developer No problem! π Author Posts Viewing 13 posts - 1 through 13 (of 13 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In