Navbar (Sterling)

Here you can select Layout style for Navbar section

Content Settings:

Each layout consists of  Content section:

Modern Layout:

  • Type of menu - Select the type from the options in a box.
  • Number of columns - Select the number of columns for Navigation bar.
  • Add Item - Click on the button to add the column links.
  • Type of link - Please select the link type (phone, email, custom links, just text or social links) and enter the information.
  • Max width for navbar - Here you can enter the max-width value for the navbar.
  • Background color for navbar - Please, select the background color for the navbar.
  • Remove borders? - Turn on the switch if you want to remove the borders.
  • Hide on mobile first column? - Turn on the switch to hide the first column on the mobile devices.
  • Use the custom font for links? - Turn on the switch to customize the links typography.
  • Use the custom font for socials? - This option allows you to customize socials typography.

Simple Layout:

  • Number of columns - Select the number of columns for Navigation bar.
  • Type of link - Please select the link type (phone, email, custom links, just text or social links) and enter the information.
  • Background color for navbar - Please, select the background color for the navbar.
  • Hide on mobile first column? - Turn on the switch to hide the first column on the mobile devices.
  • Use the custom font for links? - Turn on the switch to customize the links typography.
  • Use the custom font for socials? - This option allows you to customize socials typography.

Navbar 2 Layout:

  • Additional Menu - Please, select the menu to display from the list. Use the menu with one level items.
  • Enable fixed additional menu on scroll? - Turn on the switch to display the fixed additional menu on a scroll.
  • Use the custom font for Menu? - Turn on the switch if you want to customize the menu Typography.

Bizy Simple Layout:

  • Label - Add the label to the box.
  • Link Url - Add the link URL.
  • Add icon? - Turn on the switcher to add an icon for the current block.
  • Enable circle background for icon? - Turn on the switcher to add or remove circle background.
  • Icons color - Select the color from the palette
  • Use the custom font for Menu? - Turn on the switch if you want to customize the menu Typography.

Navbar 4

  • Menu Title - Please, add the text for the menu title.
  • Title tag - Select the title tag.
  • Link Title - Add the text for the link title.
  • Link Url - Add the link URL.
  • Main Link Title -Add the text for the main link title.
  • Main Link Url - Add the main link URL.
  • Use the custom font for title? - Turn on the switcher customize the font for the title text.
  • Use the custom font for highlight? - Turn on the switch to customize the highlight typography.
  • Use the custom font for links? - Turn on the switch to customize the links typography.
  • Use custom font for Main Link? - Turn on the switcher if you want to customize links typography.

Sterling Simple Layout:

  • Description - Add the description for the current item.
  • Add Item - Click on the button to add new item
  • Type of link - Please select the link type. 
  • Add icon before label - Turn on the switch to add the icon before label
  • Type of icon - Please, select the icon type
  • Phone - Please, add the phone #
  • Mail - Add mail address to the box.

Typography Settings

You can customize and edit Typography in each layout. 

In order to do so, turn on the switcher where it is needed. 

Example  :

Links Typography

Text Color - Select heading color from the palette. Typography items:

  • Family - Select the typography of the links.
  • Size - Set up the links size.
  • Weight - Select the weight of the links.
  • Transform - Change the case of the text. 
  • Style - Select text style for the links.
  • Decoration - Select a style for the links decoration.
  • Line-Height - Enter a line-height of the links.
  • Letter Spacing - Enter a letter spacing of the links.

The following  Typographies you can customize in the same way in each layout.

  • Socials Typography
  • Menu Typography
  • Highlight Typography
  • Title Typography
  • Main Link Typography
  • Label Typography
  • Search Typography
  • Submit Button Typography
  • Icon Typography
  • Justtext Typography
  • Text Typography
  • Labels Icon Typography