How to change the color and design of the menu on a specific page? (Pro)
For information regarding the options available in the free version, go through this article: How to change the color and design of the menu on an individual page?
The Zakra Pro Add-on allows you to change the style and design of the menu on each page in a different way.
Follow the steps below:
From your WordPress Dashboard, go to the Pages > All Pages section.
Choose the required Page you want to customize.
Below the editor, go to the Page Settings option.
Under the Page Settings option, find the Primary Menu option.
You can choose from the available options:
The available options under Style are:
Customizer
If this option is selected, then the settings saved in the Customizer will be used ( i.e., If you select this option after you have picked the Button style in the Customizer, the Button style will be used). The color options are shown depending on the option you've picked in the Customizer.
It is shown in the image below:
Default
Select the default normal style for the menu. The following options are given if this is selected:
Menu Item Color: Select the color for the menu item.
Menu Item Hover Color: Select the color for the menu item to show on Hover.
Menu Item Active Color: Select the color for the Active menu item.
Active Menu Item Style: Select whether to show the border on the left, right or bottom of the Active menu item or not to show the border. i.e. Underline Border, Left Border, Right Border, None.
It is shown in the image below:
Button
Enable it to have the Menu Items appear in the Button style. You have the following options:
Menu Item Color: Select the color for the menu item.
Menu Item Hover Color: Select the color for the menu item to show on Hover.
Menu Item Active Color: Select the color for the Active menu item.
Background Color: Set the background color of the button menu.
Background Hover Color: Set the background color of the button menu on Hover.
Active Background Color: Set the background color of the Active menu item.
It is shown in the image below:
The Zakra Pro Add-on allows you to change the style and design of the menu on each page in a different way.
Follow the steps below:
From your WordPress Dashboard, go to the Pages > All Pages section.
Choose the required Page you want to customize.
Below the editor, go to the Page Settings option.
Under the Page Settings option, find the Primary Menu option.
You can choose from the available options:
Style
The available options under Style are:
Customizer
If this option is selected, then the settings saved in the Customizer will be used ( i.e., If you select this option after you have picked the Button style in the Customizer, the Button style will be used). The color options are shown depending on the option you've picked in the Customizer.
It is shown in the image below:
Default
Select the default normal style for the menu. The following options are given if this is selected:
Menu Item Color: Select the color for the menu item.
Menu Item Hover Color: Select the color for the menu item to show on Hover.
Menu Item Active Color: Select the color for the Active menu item.
Active Menu Item Style: Select whether to show the border on the left, right or bottom of the Active menu item or not to show the border. i.e. Underline Border, Left Border, Right Border, None.
It is shown in the image below:
Button
Enable it to have the Menu Items appear in the Button style. You have the following options:
Menu Item Color: Select the color for the menu item.
Menu Item Hover Color: Select the color for the menu item to show on Hover.
Menu Item Active Color: Select the color for the Active menu item.
Background Color: Set the background color of the button menu.
Background Hover Color: Set the background color of the button menu on Hover.
Active Background Color: Set the background color of the Active menu item.
It is shown in the image below:
Updated on: 24/08/2022
Thank you!