View Categories

Header Button Overview

1 min read

Table of Contents

A Button in a site refers to a clickable option that helps the user navigate to other sections or pages. Zakra supports adding the button on the header area and allows customizing with various options listed below:

| Location: Appearance → Customize Header & Navigation Button.

Button 1 #

The section customizes the Button added on the header area with the following options:

General #

  1. Enable: Switch the Toggle to the right area to enable the Button on the header area. Enabling the option will display the button on the header area.
  2. Text: You can add the appropriate Text for the button under the option.
  3. Link: Under the box, you can add the link redirecting to the respective page. Also, toggle the option to the right area if you want to open the redirected page on a new tab when the button is clicked.

Style #

  1. Color: Change the color of the text in the button on Normal and Hover State.
  2. Background: Set the button’s background color on Normal and Hover State.
  3. Padding: It sets the button padding spaces for all four sides, i.e., Left, Right, Top, and Bottom.

Border #

It customizes the Border area that appears around the button and comes with the following options:

  1. Radius: Change the border radius of the button and make it more rounded.

These options are shown in the image below:

Header Button Overview
Header Button Overview

|| For additional features: ** Header Button Overview (Pro)**

Scroll to top