Master theme documentation
  • Support and documentation
  • Announcement bar
  • Header
  • Slideshow
  • Animated slideshow
  • Split slideshow
  • Featured collection
  • Marquee text
  • Rich text
  • Best selling products
  • Collection table
  • Collection carousel
  • Tagged collections
  • Images collage
  • Collection list
  • Image with text
  • Media grid
  • Scrollable image text
  • Collapsible content
  • Newsletter
  • Before/after image
  • Collection tabs
  • Countdown
  • Logo list
  • Shop the look
  • Map
  • Featured blogs
  • Testimonials
  • Text with icons
  • Recently viewed products
  • Contact form
  • Video
  • Featured product
  • Footer
  • Theme settings
  • Product template
Powered by GitBook
On this page

Header

PreviousAnnouncement barNextSlideshow

Last updated 5 months ago

Enable sticky header

Tick the checkbox to make the header sticky.

Sticky header type

Choose the sticky header type from the following options:

  • On scroll up (Using this, the header changes to sticky only when users scroll the page back to the top.)

  • Always (Using this, the header remains sticky always irrespective of the page scroll.)

Logo

Choose any image to appear as the store logo.

Desktop logo width

Adjust the slider to customize the logo width from 100px to 300px.

Mobile logo width

Adjust the slider to customize the logo width from 50px to 100px.

Logo alignment

Choose from left or center to adjust the alignment of the store logo.

Transparent header

Transparency style (desktop)

Choose the header transparent on the desktop view from the following options: - Fullwidth transparent - Blurred transparent - None

(Note: This transparency works on home page and on the desktop view only.)

Alternate logo

Choose any logo to appear in the transparent header.

Text/icon color

Choose any color to appear as the text or icon's color in case of transparent header.

Navigation

Menu

Select menus from the Shopify backend default navigation list. It will appear in the Header as the menu.

For more details, refer to the

Desktop menu

Menu type

Select from Dropdown or Mega menu to determine the menus type. Show collection image in mega menu

Tick the checkbox to show the collection image(of added submenus) in mega menus style. Image ratio Choose the image ratio from the following options: - Auto - Landscape - Portrait - Square

Menu font

Select from heading or body fonts. These fonts can be changed in the theme settings>typography.

Menu font size

Select from small, regular, medium or large to determine the font size of the main menus.

Second level menus font

Select from heading or body fonts. These fonts can be changed in the theme settings>typography.

Second level menus font size

Select from small, regular, medium or large to determine the font size of sub menus.

Mobile menu

Menu font

Select from heading or body fonts. These fonts can be changed in the theme settings>typography.

Mobile menu font size

Select from small, regular, medium or large to determine the font size of the main menus.

Enable social media icons

Tick this checkbox to show social media icons in the mobile drawer. These can be setup from theme settings>Social media.

Icons

Enable search

Select the checkbox to show search icon in the header.

Enable account

Select the checkbox to show account icon in the header.

Language selector

Enable language selector

Tick the checkbox to show/hide a language selector.

Currency selector

Enable currency selector

Tick the checkbox to show/hide a currency selector.

Mega menu settings

Add Mega menu block in the header section and type the same name of the first level menu in the Menu label as shown below. It links the mega menu with the header. (Note: When the first-level menu in the mega menu has submenus, the images are displayed vertically on the right. If the first-level menu does not have submenus, the images are displayed horizontally.)

Menu label

Type the name of first level menu. It connects the mega menu to the menus added in the header. To understand menus more, refer to .

Content 1-5

Image Add any image to appear in the mega menu. Heading Type any text to appear as a heading. Link Add any link to redirect the image of mega menu.

Shopify menus.
Shopify menus