Skip to content
Fixed menu
Section overview
The Fixed Menu section provides a sticky navigation menu that can be positioned at various locations on the screen. It's designed to offer quick access to essential shop functionality.
Common use cases
- Creating an always-accessible menu for mobile shopping
- Providing quick access to cart, search, and navigation on any page
- Adding fixed navigation buttons for improved user experience
- Displaying a persistent logo or branding element
Usage tips
- For mobile experiences, position at the bottom of the screen for thumb-friendly navigation
- Limit the number of menu items to prevent overcrowding
- Consider using icons-only on mobile to save space
- Ensure contrast between menu background and page content for visibility
Section settings
| Setting | Description |
|---|---|
| Color button | Sets the color scheme for the fixed menu buttons |
| Placement | Controls the position of the fixed menu on screen (top/bottom, left/center/right) |
| Visibility | Determines when the menu is visible (all devices, mobile only, desktop only) |
Block settings
Menu
This block adds a toggle button for the main navigation menu.
- Block limit: 1
| Setting | Description |
|---|---|
| Menu button | Controls how the menu button appears (icon and text, icon only, or text only) |
Search
This block adds a search button to quickly access the site search functionality.
- Block limit: 1
| Setting | Description |
|---|---|
| Menu button | Controls how the search button appears (icon and text, icon only, or text only) |
Cart
This block adds a cart button to access the shopping cart.
- Block limit: 1
| Setting | Description |
|---|---|
| Menu button | Controls how the cart button appears (icon and text, icon only, or text only) |
Link
This block adds a custom navigation link to the fixed menu.
- Block limit: 5
| Setting | Description |
|---|---|
| Button label | Text to display on the custom link button |
| Url | The destination URL for the link |
Logo
This block adds a logo image that links to a specified URL.
- Block limit: 1
| Setting | Description |
|---|---|
| Url | The destination URL when the logo is clicked |
| Logo | The logo image to display |
| Desktop logo height | Controls the height of the logo on desktop devices (10-70px) |
| Mobile logo height | Controls the height of the logo on mobile devices (10-50px) |