Vinyasa Site Library Menu Button

[Ian]

So I am checking out some site libraries and noticed Vinyasa may be a good fit for my next build. I see css inside Customizer > Additional CSS that style the 2 menu buttons. How is the menu item tagged to use this CSS? I guess another way to ask is, if I want to add another button, how do I duplicate the CSS properly and how do I call this CSS from the new menu item.

Hope that made sense.

[David]

Hi there,

this article explains how:

https://docs.generatepress.com/article/adding-buttons-navigation/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ian]

Doh! Never knew CSS class needs to be enabled inside Screen Options! I see the “CSS Classes” inside Menu now!

These class buttons need some top padding when Sticky Navigation is enabled. By default, the buttons have padding in the normal nav. Inside Sticky, they are no longer aligned to the rest of the menu items and literally touching the top of the Header. Can you point me to the proper CSS code for adding this?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ian]

Hey Leo, no need at this point. I am going to build my own menu buttons from scratch. Thanks!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts