Header Media

Header Media section of Site Header Panel

Header media type has four options – 1. None 2. Image 3. Video 4. Slide. You can choose anyone of them as header media/hero.

Header Media Position

Header media position has two options 1. Top of header 2. Bottom of header. You can set the header media on top of header (but bottom of topbar) or bottom of header/main menu.

Header Media Position

Header Media Type(Image)

By default header media type is image. Height of header media is 500px. You can set or change blog title. Font size of blog title is 80px. You can enter or change blog description/tagline which is under the blog title.

Header Media section of Site Header Panel

Header Media Overlay

This section is common for image, slide and video(Pro) header media type.

Overlay Type: Overlay Type has two options 1. Box and 2. Full. You can choose any of them. Full(option) covers whole header media that means it provides overlay all over the image or slider.

Overlay type: Box and Overlay Border Style: Corner Border

Overlay Border Style: There are three options 1. None 2. Double border 3. Border-shadow. 4. Corner Border. Following image shows overlay type is Full. If overlay type is full you cannot select overlay border style.

Overlay type: Full and Overlay Border Style is disappeared

Full Page Header Media(Pro)

Enable Full-Page Header Media (Pro)

If you check this control your header media will be covered header and topbar with transparent header background. You can make transparent of topbar background as well.

Full Page Header Media(Image)- Transparent both header and topbar
Header Media Full Page(Slide)- Transparent header but not topbar

Make Transparent(Pro)

Header Media Full Page(Image)- Transparent header but not topbar

Header Media Type(Slide)

  1. You have to create one to four pages for slider. Page title works as slider title, page description works as slider description, slider url works as hyperlink of image/title/button, feature image acts as slider image.
  2. Navigate to the path: Customize->Site header panel->Header Media Section->Select page for slider. And select pages from drop-down.
Creating a page for slider
Creating a another page for slider
  1. Navigate to the path: Customize->Site header panel->Header Media Section->Select page for slider. And select pages from drop-down.
customizer control for slider page selection
Select a page “800+ google fonts are available” as first slide
Select a page “strong built own framework” as second slide