# 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)  |