Component: Header with Navigation

Purpose: A header to display the site logo, with options for a link to a customer's profile and a navigation menu. Use the Header component if you are just looking to display a logo.

Screenshot_2021-06-15_at_10.33.19.png

Details:

name	type	options (if available)	default value	Purpose
Logo	string		https://s3-eu-west-1.amazonaws.com/limio-public/limiologo.png	Logo for the header
Logo link	string		/	Link if user clicks on the logo
Logo Text	string			If this is filled than the Logo will be removed
Height	number		1.25	Height of header
Fixed to top?	boolean		TRUE	Floating header or fixed
Navigation bar items	list			Fields: label, Text
Show profile?	boolean		TRUE	Show profile icon
Profile icon color	color		#A7A7A7	Icon profile picture
Profile icon link	string		/mma	Redirect link of Log In text on profile icon
Show basket icon?	boolean		FALSE	Show basket icon (for )
Basket icon color	color		#A7A7A7	Color of basket icon
Menu button color	color		rgba(0,0,0,.5)	Color of menu icon (mobile)
Menu Button Icon url	string			Changes the menu icon - NOTE: The colour would depend on the SVG or PNG uploaded
Menu Button Text	string			Text Placed next to the menu
Component Id	string		nav-header-limio

NOTE: If you want the nav-header component to show in both the header and body the set the 'Fixed to top?' property to FALSE