In this website, I am using an Ethos stack with a navbar header positioned as “Static Top” as I want the nabvar to stay on the top of the page as soon as the scrolling reaches that point, but keeping the logo “unshrinkable”.
My goal is to have this behaviour.:
A. Initially, a hero banner on top with the navbar at the bottom of the page (see below)
B. After scrolling up until the navbar reaches the top of the page, I’d like keeping the nabvar static on top allowing it to shrink but making sure the Logo remains as shown below (maintaining its size and top/left margin) while the rest of the page scrolls up “underneath” the nabvar (see below)
- Is this feasible with the X-Theme Pro version?
- Will it be responsive enough so the menu is properly displayed in smaller viewports?
- Can the Hero banner only be applicable on the Homepage?
Thank you in advance for your inputs/ideas.
P.S.: I’ll share with you the current mockup in a separate private message