# Header

<table><thead><tr><th width="257"></th><th></th></tr></thead><tbody><tr><td>Enable sticky header</td><td>Tick the checkbox to make the header sticky.</td></tr><tr><td>Sticky header type</td><td><p>Choose the sticky header type from the following options:</p><ul><li>On scroll up (Using this, the header changes to sticky only when users scroll the page back to the top.)</li><li>Always (Using this, the header remains sticky always irrespective of the page scroll.)</li></ul></td></tr><tr><td>Logo</td><td>Choose any image to appear as the store logo.</td></tr><tr><td>Desktop logo width</td><td>Adjust the slider to customize the logo width from 100px to 300px.</td></tr><tr><td>Mobile logo width</td><td>Adjust the slider to customize the logo width from 50px to 100px.</td></tr><tr><td>Logo alignment</td><td>Choose from left or center to adjust the alignment of the store logo.</td></tr><tr><td>Transparent header</td><td><p><strong>Transparency style (desktop)</strong> </p><p>Choose the header transparent on the desktop view from the following options:<br>- Fullwidth transparent<br>- Blurred transparent<br>- None </p><p><em>(<strong>Note</strong>: This transparency works on home page and on the desktop view only.)</em><br></p><p><strong>Alternate logo</strong> </p><p>Choose any logo to appear in the transparent header. </p><p></p><p><strong>Text/icon color</strong> </p><p>Choose any color to appear as the text or icon's color in case of transparent header.</p></td></tr><tr><td>Navigation</td><td><p><strong>Menu</strong></p><p>Select menus from the Shopify backend default navigation list. It will appear in the <strong>Header</strong> as the menu. </p><p><em>For more details, refer to the</em> <a href="https://help.shopify.com/en/manual/online-store/menus-and-links"><em><strong>Shopify menus.</strong></em></a></p></td></tr><tr><td>Desktop menu</td><td><p><strong>Menu type</strong> </p><p>Select from Dropdown or Mega menu to determine the menus type. <br><br><strong>Show collection image in mega menu</strong></p><p>Tick the checkbox to show the collection image(of added submenus) in mega menus style.<br><br><strong>Image ratio</strong><br>Choose the image ratio from the following options:<br>- Auto<br>- Landscape<br>- Portrait<br>- Square<br></p><p><strong>Menu font</strong> </p><p>Select from heading or body fonts. These fonts can be changed in the theme settings>typography. </p><p></p><p><strong>Menu font size</strong> </p><p>Select from small, regular, medium or large to determine the font size of the main menus. </p><p></p><p><strong>Second level menus font</strong> </p><p>Select from heading or body fonts. These fonts can be changed in the theme settings>typography. </p><p></p><p><strong>Second level menus font size</strong> </p><p>Select from small, regular, medium or large to determine the font size of sub menus.</p></td></tr><tr><td>Mobile menu</td><td><p><strong>Menu font</strong> </p><p>Select from heading or body fonts. These fonts can be changed in the theme settings>typography. </p><p></p><p><strong>Mobile menu font size</strong> </p><p>Select from small, regular, medium or large to determine the font size of the main menus. </p><p></p><p><strong>Enable social media icons</strong> </p><p>Tick this checkbox to show social media icons in the mobile drawer. These can be setup from theme settings>Social media.</p></td></tr><tr><td>Icons</td><td><p><strong>Enable search</strong> </p><p>Select the checkbox to show search icon in the header. </p><p></p><p><strong>Enable account</strong> </p><p>Select the checkbox to show account icon in the header.</p></td></tr><tr><td>Language selector</td><td><p><strong>Enable language selector</strong></p><p>Tick the checkbox to show/hide a language selector.</p></td></tr><tr><td>Currency selector</td><td><p><strong>Enable currency selector</strong></p><p>Tick the checkbox to show/hide a currency selector.</p></td></tr></tbody></table>

## Mega menu settings <a href="#mega-menu-settings" id="mega-menu-settings"></a>

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.\
\
\&#xNAN;*(**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.)*

<table data-header-hidden><thead><tr><th width="272"></th><th></th></tr></thead><tbody><tr><td>Menu label</td><td>Type the name of first level menu. It connects the mega menu to the menus added in the header. <em>To understand menus more, refer to</em> <a href="https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus"><em>Shopify menus</em></a><em>.</em></td></tr><tr><td>Content 1-5</td><td><strong>Image</strong> <br>Add any image to appear in the mega menu. <br><br><strong>Heading</strong> <br>Type any text to appear as a heading. <br><br><strong>Link</strong> <br>Add any link to redirect the image of mega menu.</td></tr></tbody></table>