Is it possible ? normal sticky header behave like hero sticky header

[steviemc]

Hi all

would like to achieve a fixed sticky header that performs the same way as the hero sticky header on a multiple page site. can it be done (code etc). tried a hero bloc in content area and deleted all content in the divs but it still produces the padding

any help would be appreciated

cheers

[nelo]

This has already been discussed previously on another topic, it may be helpful! look at this link:

Transparent Global header

I learned this type of menu with blocsapp v2, it is very useful, I leave you the video! http://manuelrosique.com/Menu.mov The menu is in the global area, it has a custom class! that’s it and it shows perfect on every page… Tell me if it is what you are looking for or if it makes sense to you! Regards, Nelo

[steviemc]

@nelo I have tried the code as per your previous post and this works better in safari than using the sticky header in the bloc (no jumping of header when page scrolls) but it is not quite what I was wanting to achieve. When you use a hero bloc and the header is sticky when the page scrolls up the nav smoothly transitions down to its fixed position. That is what I was looking to achieve on all pages without using hero blocs on all pages.

cheers