Menu icon Foundation
Menu bar sticky show or hide element

Hello friends

I've made a sticky menu with this example https://foundation.zurb.com/building-blocks/blocks/sticky-shrinknav.html

But I would also need to add a "Logo" element of the brand, which is displayed in the menu bar only when the sticky function is applied.

When the menu bar is normal, that element must be hidden since the logo of the brand is shown in larger size, on the top of the Header (as the text "sticky-shrinknav" in the example is seen).

Desired result would be like this: https://www.rappachiani.com 

From already thank you very much. !

Best regards.

Menu Barstickyhide elementshow on sticky

Hello friends

I've made a sticky menu with this example https://foundation.zurb.com/building-blocks/blocks/sticky-shrinknav.html

But I would also need to add a "Logo" element of the brand, which is displayed in the menu bar only when the sticky function is applied.

When the menu bar is normal, that element must be hidden since the logo of the brand is shown in larger size, on the top of the Header (as the text "sticky-shrinknav" in the example is seen).

Desired result would be like this: https://www.rappachiani.com 

From already thank you very much. !

Best regards.

Rafi Benkual about 1 year ago

 You can use the .is-stuck class to modify your nav when it is stuck. There is an example in the video posted here: https://foundation.zurb.com/sites/docs/sticky.html