Header
The Header is a static section shown at the top of every page. It contains your store's main navigation, logo, and optional promotional content within dropdown menus. It's essential for brand visibility and navigation.
How to Configure the Header
In Shopify admin, go to Online Store → Themes.
Click Customize next to the Elemento theme.
Navigate to the Header section in the left sidebar of the theme editor.
Adjust the settings and blocks according to your preferences.
Click Save.
Settings
Setting
Type
Note
Menu
Menu Picker
Select the main navigation menu for your store.
Image
Image Upload
Upload a logo image. Displayed if provided.
SVG Logo
HTML Input
Paste raw inline SVG code for the logo. Used if no image is set.
Desktop Width
Range Slider
Define the logo width for desktop view.
Mobile Width
Range Slider
Define the logo width for mobile view.
Number of Columns
Select
Choose 3, 4, 5, 6 columns for dropdown menus on desktop.
Color Scheme
Scheme Selector
Apply a predefined color scheme to the entire section to maintain visual harmony across your store.
Blocks
Promo
Adds a promotional image to a dropdown navigation item. This is useful for highlighting campaigns, collections, or other featured content directly inside navigation menus.
Setting
Type
Note
Handle
Text
Enter the handle (URL slug) of a top-level menu item to attach this promo block to.
Image
Image Upload
Upload an image that will appear when hovering over the menu item.
Link
URL
Set the destination link when the promo image is clicked (collection, product, etc.).
Visibility This section can be hidden by toggling the visibility (eye icon) in the theme editor.
Last updated