Mobile menu blocks
Customize the mobile menu with different blocks
Customize the mobile menu with different blocks
Broadcast includes several blocks to help you design a custom mobile menu. Use the "Add block" feature in the Theme Customizer within the "Mobile menu" to add any of the custom menu blocks:
Here's an overview of some of the key blocks and settings for the mobile menu:
Use this block to configure your initial menu items. Choose an existing Shopify Navigation Menu to easily add links:
By default, Broadcast will use the main-menu navigation:
You can choose a different menu for custom links.
Use the highlight link option to add color to a particular menu item like "Sale".
Add a menu that's displayed in columns. Ideal for quick links with the mobile navigation:
When you choose a menu, the block label changes to the name of the menu:
Menu columns can be used instead of the regular menu block or in addition to add or highlight links.
Use the block settings to customize the text size, highlight item, padding, and spacing.
Include an image with a link to enhance the mobile menu. The image block can be utilized to position a branded image anywhere within the mobile menu:
Insert a link and modify the size and layout in the block settings:
The button block lets you add a call-to-action button within the mobile menu:
Configure the block settings to customize the target link and text. Change the color, style, layout and spacing:
When you activate "Pin to bottom" in the block settings, the block will remain sticky at the bottom of the mobile menu, allowing customers to have quick access during scrolling:
With the product block, you can add a quick link with image to any of your products:
Use the block settings to choose a product, override the image, adjust the size and more:
The Collection block links to a specific collection in your store. A custom image can be displayed to represent the collection, or the first product can be used as the default image.
Add the language and currency options to the mobile menu:
With the block settings, you can toggle the language and currency options.
Use the pin to the bottom and layout settings to adjust the position, width, and spacing:
Add your favorite social media links to the mobile menu:
These links will appear based on your social media settings the Theme settings, under Social media. Only the links that have a URL configured will display:
Add a testimonial or product review to the mobile menu:
Complete customization in the block settings for each review:
The search bar block adds full search capabilities to the mobile menu. It will always be placed at the top of your menu and includes the configuration from your search settings:
The search settings are configured in the Theme settings under Search:
Broadcast includes a rich set of hand-drawn icons that you can use to display custom messages. These icons are available in the icon block. Pair with a message and customize the colors and layout:
The divider block adds some separation between blocks. It is ideal for grouping blocks and overall layout design.
The text block can be used anywhere in the mobile menu to add additional text:
Combine these custom mobile menu blocks to build the perfect mobile experience for your shoppers. These features will be added to the desktop version of the mobile cart drawer in a future release.
