Header Bar Overlay

I was wondering how to have a 100 vh and have bar 1 my main navigation sticky bar to be at the top with transparency. Bar 2 is a sildeshow that is 100 vh but behind bar 1.
I have seem to achieved the results by adding a negative margin but the is a space white after the vh and before my next section.

Hi Mark,

That is possible without adding negative margin. We just need to set positions correctly.
Bar 1 settings:

Position should be set to absolute.
Bar 2 settings:

Position should be set to relative
Set the height accordingly.

To see a live example, please try to install Sticky Bar Header:

If you don’t see that option, please go to Template Manager and install Starter pack template.

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.