| Location: Appearance → Customize → Header & Navigation → Header Media
The Zakra Pro plugin adds more features/options for header media. The available features/options are listed below:
Position #
It allows changing the position of the Header Media. It comes with three options to choose from:
- Below Header: Header Media below the logo and menu (header).
- Above Header: Header Media on top, logo and menu (header) on bottom.
- Between Header Top and Header Main: Header top bar at the top, header media at the middle and logo and menu on the bottom.
|| Note: Need to enable Header Top otherwise it would look similar like Above Header.
Header Media Visibility #
It determines the page where you want to display the header media. The available options are:
- All Pages: Show the header media on all pages.
- Front Page Only: Show the header media on the front page or homepage only.
- Other than Front Page: Show the header media on all pages except the front page or homepage.
Link To #
You can make the header image clickable and redirect it to a certain URL. Here are the options:
- Home Page: This will redirect to the home page of your site.
- Custom Link: This will redirect to the custom URL that you set.
CTA #
The Zakra Pro plugin lets you add a Call To Action (CTA) on header media and comes up with the following options:
Enable – Switch the Toggle to the right area to enable the CTA on the header media device.
Layout: You can change the alignment of the CTA. Choose the Style from available options like below:
- Content Left: CTA aligned to the left.
- Content Center: CTA aligned to center.
- Content Right: CTA aligned to the right.
CTA Title: It allows adding the Title to the CTA. Moreover, you can change the title’s color and adjust the CTA title’s spacing.
CTA Text: It allows adding the CTA Description. Moreover, you can change the text’s color and adjust the CTA text spacing.
CTA Button: It allows adding the CTA Button. You can add the Button text and Button URL. Likewise, you can change the button text’s color and set the button’s background color.
