- This topic has 7 replies, 2 voices, and was last updated 3 years ago by
David.
-
AuthorPosts
-
January 5, 2020 at 1:03 am #1122367
optimizeit
Hello, I want to make secondary navigation sticky and visible.
Screenshot: https://i.imgur.com/JuyScwK.png
Thanks
January 5, 2020 at 5:43 am #1122504David
StaffCustomer SupportHi there,
add this CSS:
#secondary-navigation { position: -webkit-sticky; position: sticky; top: 0; } @media (max-width: 768px) { #secondary-navigation, #secondary-navigation ul { display: block; } #secondary-navigation .menu-toggle { display: none; } #secondary-navigation { top: 40px; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/January 5, 2020 at 5:48 am #1122508optimizeit
Thanks for the reply.
1. It is giving this error when I add the CSS: https://i.imgur.com/bWwdQFF.png
2. I have Primary Bar as Sticky as well in the mobile. How can I make it perfect for the mobile where both Primary and Secondary are sticky? Please check.
3. Secondary is not sticky in mobile: https://i.imgur.com/ZLbXK6T.png
4. Secondary is not visible in mobile either. I want to show it.
Thanks.
January 5, 2020 at 12:03 pm #1122914optimizeit
Still Looking for Answers!
Thanks for the reply.
1. It is giving this error when I add the CSS: https://i.imgur.com/bWwdQFF.png
2. I have Primary Bar as Sticky as well in the mobile. How can I make it perfect for the mobile where both Primary and Secondary are sticky? Please check.
3. Secondary is not sticky in mobile: https://i.imgur.com/ZLbXK6T.png
4. Secondary is not visible in mobile either. I want to show it.
Thanks.
January 6, 2020 at 1:09 am #1123249optimizeit
Still Looking for Answers!!
Thanks for the reply.
1. It is giving this error when I add the CSS: https://i.imgur.com/bWwdQFF.png
2. I have Primary Bar as Sticky as well in the mobile. How can I make it perfect for the mobile where both Primary and Secondary are sticky? Please check.
3. Secondary is not sticky in mobile: https://i.imgur.com/ZLbXK6T.png
4. Secondary is not visible in mobile either. I want to show it.
Thanks.
January 6, 2020 at 2:06 am #1123273David
StaffCustomer SupportI edited the CSS here
You can safely ignore the warnings in the Additional CSS.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/January 8, 2020 at 7:11 am #1125749optimizeit
Thanks. I have tried the navigation with your CSS and it is working fine. I will try to populate the menu more and see if it’s fine or else I let you know further.
Please if you could check my other thread which is unanswered: https://generatepress.com/forums/topic/content-is-not-pleasant-to-read/
January 8, 2020 at 8:06 am #1125842David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.