×

An unexpected error occurred. Please try again later.

Header Page
(6)

Have a page as the header in your project, and have it responsively resize right before scrolling.

Have a page as the header in your project, and have it responsively resize right before scrolling.

Header page allows you to have a page displayed at the top, before your content start, and as soon as you scroll down the content start, regardless of the browser size. Header page responsively resizes itself to the size of the browser.
_______________

Preview here: http://www.qooqee.com/widgets/header-page.html

Rating

Title
Comment

1. Place the widget in the main page. (it is Header-page in this example)
Create a page and call it whatever you want. In this example it is called it Slideshow. Then place a fullscreen slideshow in that page and style it the way you like. Note that you have to change the New Hero option in the Fullscreen slideshow widget, to ”fit content proportionally” if you want a no crop slideshow.

2. Because we do not want the master page repeats two times, the master page for the page Slideshow must be disabled.

3. Enter the name of the page (Slideshow) in the widget option.
In this case the widget starts the header page after 100 pixels (as you can see below) and it allows the title bar (which has 100 px height) to come before the Fullscreen slideshow.

Now you can preview the page in browser, but remember to choose the option, Preview the site in browser, so the slideshow page will be published as well.

Watch the preview for the instruction along with screenshots.

More By This Producer: