Header and Footer setup
Header
In a website, the header is the top section that includes the logo, navigation menu, and key information. It serves as a visual introduction and navigation hub for users.
How to set up the header section
- Open the Theme Editor and navigate to the Header section within the Header Group.
- Customize your navigation menu.
- Choose the layout—either ‘All elements in a single row‘ or ‘Two rows.’
- Opt for a Dropdown or Mega menu for your menu type.
- Enable sticky header if you want it fixed at the top while scrolling.
- Upload your logo and adjust the logo width.
How to change the mega menu
A mega menu is like the organizational whiz-kid of navigation menus, neatly arranging numerous links and categories. It’s a fantastic solution for simplifying complex menu structures. Choosing the right menu layout is key—it helps customers effortlessly locate desired products or collections and can significantly boost conversions.
To customize the navigation menu into a mega menu, simply add a Mega Menu Collection block and select the menu you wish to transform into a Mega Menu. You can also effortlessly add a collection link with an image that appears in the mega menu dropdown in this section. This customization allows you to tailor the menu to your preferences, providing a seamless and user-friendly browsing experience.
How to add Hamburger menu (Desktop)
You can easily add a hamburger menu to your header by incorporating a Hamburger mega menu block.
Footer
Dive into our footer for quick access to a navigation menu, social links, and more. It’s your handy guide to navigate seamlessly and discover additional resources. All are conveniently located at the bottom of every page.
Setting up the footer section is a breeze with these steps:
- Open the Theme Editor and navigate to the Footer section within the Footer Group.
- Add or Modify the ‘Text‘ block or ‘Footer menu‘ block to fit your needs.
