Navigation shortcode

Navigation shortcode:

Content Settings:

Templates - Here you can choose template style for your Navigation menu (In this theme include Rela main, Rela second, Rela footer navigation, Rela third)

Rela main Style:

  • Menu - Please, select the menu to display.
  • Type of menu - Please, select menu type ( Transparent with dark or light text).
  • Add another logo for a scroll? - Here you can add another image for a logo on the scroll.
  • Mobile Logo - Please, add the image for the mobile logo.
  • Add another mobile logo for a scroll? -  Here you can add another image for the mobile logo on the scroll.
  • Searchbox - Please, turn on the switch to add the searchbox.
  • Max width for the menu - Please, select the max-width for the menu.
Desktop buttons Settings:
  • Add button - Turn on the switcher to add the button.

Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Mobile buttons Settings:

  • Add button - Turn on the switcher to add the button.

Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Scroll Buttons Settings:

  • Add button - Turn on the switcher to add the button.

Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Rela Second Style:

  • Menu - Please, select the menu to display.
  • Type of menu - Please, select menu type ( Transparent with dark or light text).
  • Add another logo for a scroll? - Here you can add another image for a logo on the scroll.
  • Mobile Logo - Please, add the image for the mobile logo.
  • Add another mobile logo for a scroll? -  Here you can add another image for the mobile logo on the scroll.
  • Max width for the menu - Please, select the max-width for the menu.

Desktop buttons Settings:

  • Add button - Turn on the switcher to add the button.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Mobile buttons Settings:

  • Add button - Turn on the switcher to add the button.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Scroll Buttons Settings:

  • Add button - Turn on the switcher to add the button.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Rela Footer Navigation Style:

  • Title - Here you can the title text.
  • Margin spaces for title - Please, select the margin spaces for title.
  • Margin spaces for list items - Please, select the margin spaces for list items.
  • Menu - select the menu to display.
  • Links color on hover - Please, select the links color on hover from the palette.
  • Logo on scroll - Here choose an image. Only for fixed header.
  • Use custom font for Menu links? - Turn on the switch if you want to customize the Menu links.

Title Typography Settings:

  • Text Color - Here you can select title color from the palette.
  • Alignment - Here you can select the title alignment.
Typography item:
  • Family - Here you can select the typography for the title.
  • Size - Here you can set up the title size.
  • Weight - Please, select the weight for the title.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the title.
  • Decoration - Please, select a style for the title decoration.
  • Line-Height - Here you can enter a line height for the title.

Desktop buttons Settings:

  • Icon Library - Here you can select icon from library.

Rela Third Style:

  • Menu - Please, select the menu to display.
  • Mobile Logo - Please, add the image for the mobile logo.
  • Label for Logo - Here you can add the label for logo.
  • Max width for the menu - Please, select the max-width for the menu.

Desktop buttons Settings:

  • Add button - Turn on the switcher to add the button.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Mobile buttons Settings:

  • Add button - Turn on the switcher to add the button.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
  • Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).