Fashionwear: Header
Access Header Group Settings:
Navigate to the header customization section within your website or application.
Configure Header Section:
Within the Header Group, locate the section labeled “Header Section”.
Here are the available customization options:
Margin Bottom:
Adjust the margin bottom for the Header Section as per your preference.
Background Image:
Upload or select a background image for the Header Section.
Enable Sticky Header:
Toggle on to enable the sticky header feature.
Header Background Opacity:
Set the opacity level for the header background.
Header Background Blur:
Adjust the blur effect for the header background.
Header Background Color:
Choose a specific color for the header background.
Header Content Color:
Select a color scheme for the content within the header.
Enable Logo Overlay:
Toggle on to apply an overlay to the logo on hover or when the header is sticky.
Tag Icons:
Upload or select images for tag icons. These will appear beside respective menu link items.
Add Blocks for Mega Menu / Dropdown:
Within the Header Group, you have the option to add blocks to further customize the mega menu or drop down menu for each menu link.
Add Blocks for Mega Menu / Dropdown
Within the Header Group, you have the option to add blocks to further customize the mega menu or drop down menu for each menu link.
Customization Options
For each block, you can select the following customization options:
a. Assign to Menu Item
b. Top Panel Type
Choose from options like Map, Featured Blog, or Banner. This determines the type of content displayed on the Top Panel of the Mega Menu.
c. Bottom Panel Type
Select from options like none, default navigation, menu select, collection list, or contact information. This defines the type of content displayed on the Bottom Panel of the Mega Menu.
d. Mega Menu Top
Customize the Top Panel with the following options:
Top Panel Title
Select Article
If ‘Top Panel Type’ is ‘Featured Article’, please use this option.
Map Embed
If ‘Top Panel Type’ is ‘Map’, please use this option.
Featured Image
If ‘Top Panel Type’ is ‘Banner’, please use this option.
Banner Title
If ‘Top Panel Type’ is ‘Banner’, please use this option.
Banner Button URL
If ‘Top Panel Type’ is ‘Banner’, please use this option.
e. Mega Menu Bottom
Customize the Bottom Panel with the following options:
Bottom Panel Title
Featured Menu
If ‘Bottom Panel Type’ is ‘Menu Select’, please use this option.
Collections
Save Changes
Make sure to save the customization settings after you’ve configured the blocks for the Mega Menu or Dropdown.