View Categories

Primary Menu Overview Pro

2 min read

Table of Contents

| Location : Appearance Customize Header & Navigation Primary Menu

With the Zakra Pro, you get an additional customization option for the primary menu area that includes more layout and styling options. It comes with the following additional options regarding the Main Header Area.

Style #

  1. Background: It sets the background color for the primary menu area. You can add a Background Color or an Image as a background to the primary menu.
Change the Background Color Of the Primary Menu
Change the Background Color Of the Primary Menu
  1. Padding: It adjusts the padding spaces of the primary menu items in the Left, Right, Top, and Bottom areas.
  2. Margins: It adjusts the margin spaces of the primary menu items in the Left, Right, Top, and Bottom areas.
Change Padding And Margin Of Primary Menu
Change Padding And Margin Of Primary Menu

Main Menu #

  1. General: The option allows you to add various styles on primary menu items listed below:

Layout 2 – The option allows displaying the primary menu items inside the box.

Change Main Menu Header To Layout Two
Change Main Menu Header To Layout Two

2. Style: It allows you to change the Background and set the padding and margins value for the primary menu items.

  • Color – It sets the text color of menu items. You can add a text color in Normal, Hover, and Active mode.
Change the Color of Menu Items.
Change the Color of Menu Items.
  • Background – It sets the background color of the menu items. You can add a Background Color in Normal, Hover, and Active mode.
Change the Background Color of the Primary Menu Item
Change the Background Color of the Primary Menu Item
  • Margin– It adjusts the margin spaces of the primary menu items in the Left, Right, Top, and Bottom areas.
  • Padding – It adjusts the padding spaces of the primary menu items in the Left, Right, Top, and Bottom areas.
Change Margin and Padding of Primary Menu Item
Change Margin and Padding of Primary Menu Item

3. Border: The option appears only if you have selected the Layout 2 main menu styles. The option customizes the Border area that appears around the primary menu items button and comes with the following options:

  • Width – It determines the size of the border. You can set the border width for all four sides, i.e., Left, Right, Top, and Bottom.
Change the Width of Primary Menu Item
Change the Width of Primary Menu Item
  • Color – It allows you to change the Color of the border.
Change the Width Color of Primary Menu Item
Change the Width Color of Primary Menu Item

|| To view the options available in the free version, go through this article: Menu Overview

Scroll to top