How to find these settings...
- Online Store
- Customize (Theme Editor)
- Header
- Left column, access content blocks using black arrow next 'Header'
By default, menus with sub links will be simple dropdowns. You can choose to customize the dropdown to use a mega menu, story bar or contact bar. Each will have additional options and promotions.
Recommended reading
In this section...
Settings
The contact information can be displayed as a dropdown mega menu and in the bottom of the mobile menu:
- To display in mobile only, do not add a 'Link Title'
- To display both, add a 'Link Title'
- To exclude all contact information, disable or delete the block
Link title
Type the menu title you want to associate the block to. NOTE: This must match the title capitalization and punctuation exactly:
Custom link color
Choose a custom color for the link title
Text color
Choose a custom color for the text
Text color hover
Choose a custom color for the text hover
Button text color *
Choose a custom color for the button text hover
Line color
Choose a custom color for the lines and borders
Background color
Choose a custom color for the background
Background color gradient
Choose a custom gradient for the background
Background/Overlay color opacity *
When a background color has been selected, control the opacity with the slider. 0% is the minimum, and it steps up by 1 to a maximum of 100%
Contact information
Phone number
Add a link for the store phone number
Email or URL
Add a link for the business email or website
Hours/store information
Use the text block formatting to style the info using bold, italic, formatted lists & linked text
Street address
Use the text block formatting to style the address using bold, italic, formatted lists & linked text
Custom text 1-2
Add 2 custom icons with text and links to the existing predetermined list
Text
A text block for basic formatting including bold, italic, formatted lists & linked text
Icon
Select an icon to be used from the preset list. You can view the icons on the 'What Icons are Included?' FAQ page
Map height
MOBILE
The height is a percentage of the height of the screen when viewed on device with screen less than 768px wide. 10% is the minimum, and it steps up by 1 to a maximum of 100%.
NOTE: Option may be dependent on the 'Contain content' or 'Enable section height' setting
DESKTOP
The height is a percentage of the height of the screen when viewed on device with screen greater than 768px wide. 10% is the minimum, and it steps up by 1 to a maximum of 100%.
NOTE: Option may be dependent on the 'Contain content' or 'Enable section height' setting
Map
You'll need to register a Google Maps API Key to display the map. Add your API key in Theme Settings > General > Google Maps
Map address
Google Maps will find the exact location
Use custom map colors
By default, the standard Google Maps color scheme will be used
Map foreground & background colors
The default Google Maps colors will be replaced with a 2 tone color scheme
Zoom level
1 is the minimum, and it steps up by 1 to a maximum of 6
Placeholder image
This image is displayed when the map is not used or cannot be loaded
Desktop image
The desktop image will be displayed when the container is greater than 768px wide. NOTE: Background images can use Focal Points to specify the main focus of the image. Learn more about Focal Points
Insta filter
App like filters can be applied to your desktop image
Mobile image
The mobile image will be displayed when the container is less than 768px wide. NOTE: Background images can use Focal Points to specify the main focus of the image. Learn more about Focal Points
Insta filter
App like filters can be applied to your mobile image
* NOTE: May not be available on all sections, blocks or templates