💻
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 setting
  • Configuration
  • Navigation and mega menu
  • Logo
  • Social media
  • Header Links
  • Navigation

Was this helpful?

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

Header

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

PreviousAnnouncement barNextNavigation

Last updated 4 years ago

Was this helpful?

Header is a common section on the top (below the ) of every page of the theme.

Until now, there is only one header layout in the theme. More header layouts are coming in the later releases.

Header setting

Configuration

Navigation and mega menu

One of the most important content of header is the main menu navigations. A customer will probably look at your main menu to find your products and information about your business.

These next articles will help you how to configure the navigation and mega menu:

Logo

Logo image

Select or upload your logo image.

Logo image width

Adjust your logo image width.

Mobile logo image

Select or upload your logo image on mobile device.

If you do not select or upload the mobile logo image, the logo image will be displayed on mobile.

Mobile logo image width

Adjust your mobile logo image width.

Social media

Check the checkbox to display the social media in the header section.

Header Links

Display header link

Check the checkbox to display the header link

Add a link

By default, there are 2 links in the header. You can configure the link title and select a page for a link URL.

Navigation

Header navigation is used to displayed the main menu navigation. There are maximum 3 levels of menu items.

This setting block is used to setup the menu item and sub item text alignment and color.

From your , select any page and click to the Header section.

For more detail about social media in the theme, please read the article in the Theme settings.

Navigation
Mega menu
Social media
Announcement bar
Header section
Open header setting
Header logo
Header social media
Header links
Header navigation setting
Theme editor