The [Navbar] element (Fig. 1) is a navigation bar containing a list of menu links. The navbar element can be configured differently for mobiles.
Property | Function |
---|---|
Breadcrumb navigation (1) | Use “breadcrumbs” at the top of the setup area to navigate the parent (column, section, banner, block and template) elements. |
Navbar constructor | Add, remove, and move the navigation links. To access the setup area of a navlink, click the corresponding item in the navlink list. Click [Add link] to add a link Click to remove a link (last link cannot be removed). |
Align | Align the navlinks in the navbar. |
Hamburger menu | Enable “hamburger” menu on mobile devices, displaying menu links one over another. |
Icon align | Align the hamburger menu icon horizontally (left , center or right ). This property is only available if the hamburger menu is enabled. |
Icon color | Click to update the hamburger menu icon color. This property is only available if the hamburger menu is enabled. |
The [Navlink] element (Fig. 3) is a navigation link for the parent navigation bar containing a list of navigation links.
Property | Function |
---|---|
Breadcrumb navigation (1) | Use “breadcrumbs” at the top of the setup area to navigate the parent (column, section, banner, block and template) elements. |
Link to open | Provide the URL to the desired destination in the [Link to open] area. |
Font | Use this settings group to configure the font settings of the link. [Content builder font set] – select the font family of the menu link from the list of registered font families. To modify the list of fonts used in your template, update the “Content builder font set” lookup. Read more in the “Updating available Content Designer fonts” article. [Size, px] – specify the width and height of the font in pixels. Click to open the color picker and select the font color. [Line height, px] – specify the spacing between the lines and the borders of the button. The maximum line height is 250px; the minimum line height cannot be less than the size of the font. |
Padding, px | Specify the distance (in pixels) between the text and each of the borders of the container. Padding is specified separately for each side. |
Next