Header Component

5 min

overview the header component is the section at the top of the page that will display the website's name and navigation sample header component header component preview general here you can customize the look and content of your main website header background pick a background color from the rectangular box buttons align direction align your buttons horizontal or vertical retailer picker dialog text add your own text here retailer group name add your retailer group name here retailer dropdown dialog text text that will be visible on the dropdown menu enable/disable warning banner this will add an extra banner on top of your main header enable/disable top menu enable of disable the top menu enable/disable retailer selection logic remove retailer selection dropdown from header allow close warning banner add close button to warning banner background color of warning pick the background color for the warning banner color of close icon in warning set the color of the close icon text of warning add the text visible in the banner mobile menu title add a title, only visible on mobile navigation use the 'navigation' sections to manage this component according to your preferences manage top menu select what to display in the top menu manage main menu select which pages to display in your main menu buttons align align buttons to the left, center or right buttons you can add buttons by clicking on the + add button on the right side of the screen cards are used to specify the content of each button