Hampton Bay Theme Docs – Your Path to E-Commerce!
Help CenterCompliance & LegalContact Us
  • Hampton Bay Theme Configuration
  • Overview
    • Our key features
    • Setting up the Hampton BayTheme
  • Theme
    • Header and Footer setup
      • Header
      • Announcement bar
      • Footer
    • Languages & Currencies
    • Theme customization options
      • Color Scheme
      • Typography
      • Inputs
      • Social media
      • Cart Drawer
      • Brand Information
      • Search Drawer
    • Sections
      • Banner Slider
      • Collage
      • Collapsible Content
      • Collections List
      • Collections Tab
      • Contact Form
      • Featured Collection
      • Featured Product
      • RichText
      • Multirow
      • Video Section
      • Featured Blog
      • Custom Liquid
      • Page Section
      • Image with Text
      • Multicolumn
      • Shop the Look Section
    • Cart
    • Pages
      • Collection
      • Product
      • About Us
      • Contact Us
Powered by GitBook
On this page
  • How to set up the header section
  • How to change the mega menu
  1. Theme
  2. Header and Footer setup

Header

PreviousHeader and Footer setupNextAnnouncement bar

Last updated 4 months ago

How to set up the header section

  1. Open the Theme Editor and navigate to the Header section within the Header Group.

  2. Customize your navigation menu.

  3. Choose the layout—either "All elements in a single row" or "Two rows".

  4. Opt for a Dropdown or Mega menu for your menu type.

  5. Enable sticky header if you want it fixed at the top while scrolling.

  6. Upload your logo and adjust the logo width.

  • Upload your logo

    • Click on settings icon on top left corner and open the logo dropdown

    • Select a logo and upload

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 images 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.