Working with the header
What is the header?
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.
Customize header settings
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.
Shopify Help Center | Add, remove, or edit menu items in your online store
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.
HOW DO I ATTACH A MENU?
At the Main Menu group, select the menu you created in Shopify Admin earlier, as shown in the image below
Setup Mega menu
To set up a mega menu, refer to this article.