Fullwidth ‘Draggable’ Header

This is a Fullwidth Header

TRY IT

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Click Here

This is a Fullwidth Mobile Header

TRY IT

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Click Here

This is a Fullwidth Mobile Header

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Click Here

FULLWIDTH ‘Draggable’ HEADER

A Fullwidth Header with a lot of hidden powers. Drag and discover it!

This layout is a Fullwidth Header. It is made of three sections: a Desktop version, a Mobile one and a Code section for the styles and the scripts. The default Scroll Icon is at the center of the header and is made ‘draggable’ allowing you to show/hide the header image below. Give it a try!