Menu is a default component present at the header of every page. There are a number of settings that you can manage for a menu.

Open Menu Action Bar using icon.

 
And click on menu to customize it.
1. Basic:


 
a. Menu Width: Adjust the width of the menu using the slider in percentage.
b. Background Color: Select a color for menu background or just select none.
c. Menu Style: Choose a menu style from:
Traditional: This style places the menu on the top of every page.
Hamburger: This style hides the menu on the side and opens only when clicking the icon.
d. Nav Link Style: Select a style to display the active link in the menu bar with the following options: Normal, Fill, Line or Underline.
e. Text Color: Select a color for your menu text from the color palette.
f. Text Background Color: You can apply a background color for the menu text by choosing a color from the color palette.
g. Roundness: Adjust the roundness arc around the text present in the menu bar using the slider in px.
h. Line Height: Adjust the line height for the text present in the menu bar using the slider in px.
i. Link L/R Padding: Adjust the left and right padding for the text present in the menu bar using the slider in px.
j. Link Gutter Space: Adjust the space present between texts in the menu bar using the slider in px.
k. Nav Link Active & Hover Color
Nav Link BG Color: Select the background color for the active link from the color palette.
Nav Link Text Color: Select the text color for the active link from the color palette.
l. Font Family & Weight: Select a font style and set the weight for the menu text to increase or decrease its boldness.
m. Font Size: Set a font size for the menu text using the slider in px.
n. Letter Spacing: Use this to increase or decrease the space or distance between the letters.
o. Text Transform: Set the menu text to be None, Uppercase, Lowercase or Capitalize.

2. Spacing:


 
a. Outer Spacing /Margin: Use this to create a space between menu and the row above. You have the option to use either bulk spacing or specific direction spacing for customization.
b. Inner Spacing / Padding: Use this to create a space within the component. Again, you have the option to use either bulk spacing or specific direction spacing for customization.

3. Alignment: Set the menu alignment to right, center, left or none.



Stuck with a problem that you can’t find the answer for? Our support team is here for you, always (literally).

contentder

+ 61 (02) 8880 0275

Give our support team a call to clear all your queries.

info@contentder.com

Directly send us an email if you have any kind of problems.