The Header section appears at the top of your store and plays a key role in both branding and navigation. It displays your store logo and provides the main navigation links that help customers move through your site.

Radian includes multiple different header layouts to choose from. These options allow you to customize the placement of the logo, navigation links, and the search, account, and cart icons.

If you're new to Shopify, learn how to create a menu here.

LAYOUT

• Full width: Enabling this option will create a navbar that spans the full width of the screen
• Logo position: Display position of the logo
• Main menu alignment: Display position of the menu
• Space betweeb menu links: Left and right spacing between menus

STICKY HEADER

• Sticky header: Fixed header display options: always display the header or display it when you scroll back up
• Shrink header when scrolling: Header will collapse and center when scrolling

HOME PAGE HERO

The purpose of these options is to help clearly display the visual elements when you are at the top of the page

• User transparent header: hide header background
• Logo On Top:logo is only used when at the top of the page

BURGER MENU

The burger is always shown on mobile. Set up the sidebar menu in the Menu drawer section in the Overlay group. If Menu drawer is hidden or removed, the Header main menu is used.

At the Main Menu group, select the menu you created in Shopify Admin earlier, as shown in the image below

To set up a mega menu, refer to this article.