Updating Header Settings


Updating Header Settings

Navigate to the Digital Command Center and select the Make Your Own Design Changes tile.

Picture1.png

 

Hover over the navigation bar. A pop-up window will appear. Select Header Settings. Change Logo, Change Layout, Change Header Settings, and Style Header are the four main feature updates in the header section of A.I. Editor.

Picture2.png

 

Select Change Logo.

Picture3.png

 

You can move the position of the logo up, down, left, or right.

Picture4.png

 

You can adjust the logo width. By default, the field is set to 0. This will automatically set the logo size.

Picture5.png

 

Select the + icon to access Advanced Settings: Logo Padding, Logo Background Color, and Image Alt Text.

Picture6.png

 

Select Change Layout.

Picture7.png

 

There are three layouts: Left Align, Center Align, and Pill Nav. Confirm which layout is selected by referencing the green checkmark at the top of the layout option.

Picture8.png

 

Left Align

Picture9.png

 

Center Align

Picture10.png

 

Pill Navigation

Picture11.png

 

Select Change Header Settings.

Picture13.png

 

You have the option to choose the number of navigation links to display. Check the box to display the dropdown option on hover for sub navigation links. Click the toggle button to enable sticky header (Fixed Header).

Picture14.png

 

Select Style Header.

Picture15.png

 

You have the option to change the main header background and the dropdown header background.

Picture16.png

 

Top & Bottom: You can adjust the header top and bottom padding.

Right & Left: You can move the navigation link from right to left.

Navigation Padding: You can adjust the space between navigation links.

Picture17.png

 

You can change the navigation link colors. You have two options:

Default Color: This is the color that will display on the navigation links.

Active & Hover Color: This color displays when you are on a specific page link or hovering over a navigation link.

Picture18.png

Was this article helpful?
0 out of 0 found this helpful

Comments