- This topic has 14 replies, 2 voices, and was last updated 3 years, 8 months ago by
Tom.
-
AuthorPosts
-
August 4, 2017 at 6:36 pm #359976
Ash
What’s the best way to make navigation sticky on the bottom with GP?
But I’d like to keep header on top.like this.
http://www.22centralparksouth.com/GeneratePress 1.3.48GP Premium 1.3.1August 4, 2017 at 11:54 pm #360028Tom
Lead DeveloperLead DeveloperYou could try this:
#site-navigation { position: fixed; bottom: 0; left: 0; right: 0; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 5, 2017 at 1:25 pm #360257Ash
Thank you.
Is it possible to add some elements below navigation something footer-ish such as copyright.August 6, 2017 at 12:02 am #360404Tom
Lead DeveloperLead DeveloperSo it’s always sticky as well?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 6, 2017 at 12:57 am #360431Ash
Yes it is.
August 6, 2017 at 10:04 am #360619Tom
Lead DeveloperLead DeveloperTry this:
.site-info, #primary-navigation { position: fixed; left: 0; right: 0; } .site-info { bottom: 0; } #primary-navigation { bottom: 40px; /* height of copyright bar */ }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 6, 2017 at 2:03 pm #360701Ash
Works. Thank you.
Is it possible to show mobile navigation to opposite direction?
top to bottom -> bottom to topAugust 6, 2017 at 7:24 pm #360777Tom
Lead DeveloperLead DeveloperNot sure I understand. Are you wanting the navigation to be stuck on top while on mobile?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 6, 2017 at 9:21 pm #360809Ash
My bad,
I thought mobile menu still opens downward but actually it opens upward when it’s on the bottom..
So no problem.August 6, 2017 at 9:24 pm #360810Ash
Actually it was not mobile menu, desktop menu still opens downward even though it’s on the bottom.
August 7, 2017 at 12:01 am #360854Tom
Lead DeveloperLead DeveloperAh, the regular dropdown menu you mean? Can you link me to the site?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 7, 2017 at 12:14 am #360860Ash
Yes, regular dropdown.
August 7, 2017 at 12:28 am #360865Tom
Lead DeveloperLead DeveloperAdd this:
.main-navigation ul ul { top: auto; bottom: 60px; } .dropdown-menu-toggle:before { content: "\f106"; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 7, 2017 at 12:38 am #360867Ash
Worked!
Awesome πAugust 7, 2017 at 9:24 am #361091Tom
Lead DeveloperLead DeveloperGlad I could help π
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.