Search for: Log In Free Support margin-top sticky nav Home › Forums › Support › margin-top sticky nav This topic has 5 replies, 2 voices, and was last updated 4 years, 11 months ago by Tom. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts March 25, 2016 at 4:18 am #181521 Jasper To align the menu with the logo i gave the menu some top-margin. .nav-aligned-right .main-navigation ul li { margin-top: 30px; } But i want to apply this only when the menu is not sticky. How would i do that? March 25, 2016 at 10:34 am #181633 TomLead Developer Lead Developer Which sticky effect are you using? Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Ongoing Development: https://generatepress.com/ongoing-development March 25, 2016 at 10:51 am #181642 Jasper none March 25, 2016 at 11:07 am #181654 TomLead Developer Lead Developer Try this: .nav-aligned-right .main-navigation:not(.is_stuck) { margin-top: 30px; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Ongoing Development: https://generatepress.com/ongoing-development March 25, 2016 at 11:10 am #181657 Jasper thanks, it works fine, and what if i choose the other sticky effect options? March 25, 2016 at 11:16 am #181679 TomLead Developer Lead Developer .nav-aligned-right .main-navigation:not(.is_stuck), .nav-aligned-right .main-navigation:not(.navigation-clone) { margin-top: 30px; } That should do it for all of the effects 🙂 This reply was modified 4 years, 11 months ago by Tom. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Ongoing Development: https://generatepress.com/ongoing-development Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In