How to find these settings...
- Online Store
- Customize (Theme Editor)
- Header
Recommended reading
In this section...
Logo
When possible, it is always best practice to use a PNG file for your logos. JPEG may reduce file size, but they will also reduce clarity and you want your brand looking sharp. Roam will accommodate wide or tall logos, but a landscape format is recommended
Image
The desktop logo will be displayed when the container is greater than 768px wide. It is recommended to use an image width double the 'Max logo width' setting to keep your logos sharp
Max logo width
The slider provides a minimum of 40px wide to a max of 400px with 5px steps in between
Mobile image
The desktop logo will be displayed when the container is less than 768px wide. It is recommended to use an image width double the 'Max logo width' setting to keep your logos sharp
Max mobile logo width
The slider provides a minimum of 40px wide to a max of 250px with 5px steps in between
Navigation
Customize the header menu with content blocks
Main menu
Choose the menu for your header. By default, the 'Main Menu' will be selected, but any menu can be created and used here
Text size
Set the menu link size with the slider. 10px is the minimum, and it steps up by 1 to a maximum of 18px. NOTE: This does not affect the mega menu, promotion or contact bar
Options
Enable sticky header
Pin the navigation bar to the top of the page when scrolling
Layout
The header has 4 design options:
- Centered logo: A centered logo with the menu centered below it
- Menu next to logo: The logo will be left justified and the menu will be to the right
- Menu below logo: The logo & the menu will be left justified, with the menu directly below the logo
- Mobile: The mobile 'hamburger' menu will be left justified and the logo will be centered. This is the default layout for mobile devices
Enable search
Add a search icon to allow customers to access a live search field. Search criteria can be set in Theme Settings > Search
Cart icon
The cart link can be displayed in 2 ways:
- Cart
- Bag
Account link
The account link can be displayed in 2 ways:
- Icon
- Text