💻
Havi cosmetic theme documentation
  • Welcome
  • Installation
    • Theme
    • Shopify apps
  • Customization
    • Store settings
    • Theme settings
      • Multiple layouts
      • Colors
      • Buttons
      • Typography
      • Currency conversion
      • Wishlist
      • Search
      • Product item
      • Color swatch
        • Color swatch
        • Variant images swatch
        • Variant images grouped
      • Product detail
        • Each product has a different size chart
        • Each product has a different custom popup
      • Product quickview
        • Product variants (option selectors)
        • Product details
        • Countdown metafield
        • Short description metafield
      • GDPR and Notification someone purchased
        • How to get the product handle
      • Newsletter popup
      • Cart
      • Social media
      • Favicon
    • Page settings
      • Sections
        • Static sections
          • Announcement bar
          • Header
            • Navigation
            • Mega menu
          • Newsletter
          • Footer
        • Dynamic sections
      • Pages
        • Home
          • Custom HTML
          • Blog post
          • Brands
          • Collection list
          • Collection tab
          • Collection with image
          • Featured collection
          • Custom sub banner
          • Image with text
          • Slideshow
            • Image slide
            • Embed video slide (youtube, vimeo)
            • Video slide
          • Featured product
          • Instagram feed
          • Testimonials
          • Text with optional font awesome
          • Text with optional image
        • Password
        • Collection pages
          • Collection sidebar
        • Collection list page
        • Product pages
          • Product default layout
          • Product sticky layout
          • Related products
          • Recently viewed products
          • Upsell bundled products
          • Custom product tab
        • Blogs
        • Blog posts
        • Cart
        • Gift card
        • Custom pages
          • About
          • Contact
          • FAQ
          • Image gallery
          • Instagram shop
          • Wishlist
  • Tips
    • Change logs
Powered by GitBook
On this page
  • Header main menu navigation
  • Menu item
  • Sub menu item

Was this helpful?

  1. Customization
  2. Page settings
  3. Sections
  4. Static sections
  5. Header

Navigation

In this article, you will find how to configure the navigation.

PreviousHeaderNextMega menu

Last updated 4 years ago

Was this helpful?

After you add products and create collections, webpages, store policies, or blog posts, you need to organize them on your online store so that customers will be able to find them.

You can view and change your online store navigation from the page in your Shopify admin.

For more details, please read the from shopify documentation.

Header main menu navigation

Menu item

The main menu navigation will be displayed on the header section.

For example, there 5 menu items in the main menu navigation. They will be shown in the header navigation, as the below image.

Sub menu item

A sub-menu is a derivative menu that is reliant on a top-level menu in a graphical user interface system. In the theme, the sub menu items will be display as a dropdown menu.

The image is the screenshot of the main menu navigation in our . We will use it to describe the relation of main menu navigation and mega menu in the header section in the theme.

You can display the sub menu items as a mega menu. Mega menu is a powerful feature in the theme. The next will describe how to config mega menu.

demo store
article
Navigation
article
https://youtu.be/xYGuJhKiOZwyoutu.be
Main menu items and sub items
Header navigations
Sub menu items