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)