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 four 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.

Pro has six overlay border style options.

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(from Customizer) 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. And enter the url for a specific slide to redirect to another site or page. You can leave it(url field) blank as well.
  3. You can add slider button by entering text on “Header Media Button Text” field. After then you have to check ” Enable Button” checkbox.

How to create slider page

Creating a page for first slide of header media slider
Creating second page for second slide of header media slider
  1. Navigate to the path: Customize->Site header panel->Header Media Section->Select page for slider. And select pages from drop-down.
Page selection from dropdown and enter url to Slider Url field
Adding button to slider

Show/Hide on Mobile Devices