Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Latest version
Latest version
  • About Broadcast
    • Broadcast theme documentation
    • Feature requests
  • Updates
    • What's new in Broadcast
      • Release Notes
      • About v6.2 release
      • About v6.1 release
      • About v6.0 release
      • About v5.8 release
      • About v5.7 release
      • About v5.6 release
      • About v5.5 release
      • About v5.4 release
      • About v5.3 release
      • About v5.2 release
      • About v5.1 release
      • About v5.0 release
      • About v4.0 release
  • Sections
    • Broadcast sections
      • Demo store sections
      • Accordion
        • Text column
        • Image column
        • Icon column
        • Custom code
        • Contact form
      • Accordion group
        • Heading
        • Question
      • Before and After
        • Heading
        • Subheading
        • Text
        • Button
      • Blog posts
      • Collection list
        • Collection
      • Collection list hover
        • Collection
      • Countdown timer
        • Subheading
        • Heading
        • Text
        • Buttons
      • Contact form
        • Email
        • Message
        • Text line
        • Text area
        • Telephone
        • Heading
        • Spacer
        • Single checkbox
        • Select dropdown
        • Radio buttons
      • Custom code
      • Custom content
        • Image
        • Text
        • Newsletter
        • Testimonial
        • Product
        • Video
        • Collection
        • Before and after
      • Divider
      • Featured blog posts
        • Featured post
      • Featured collection
      • Featured product
      • Highlights
        • Highlight
      • Image banner
        • Heading
        • Text
        • Single button
        • Side by side buttons
        • Custom code
      • Image with product
        • Heading
        • Text
        • Single button
        • Side by side buttons
        • Custom code
      • Image with scrolling text
        • Scrolling text
        • Heading
        • Text
        • Button
      • Image with text
        • Heading
        • Subheading
        • Text
        • Button
        • Divider
        • Accordion
        • Image
        • Video
        • Product
        • Collection
        • Custom code
      • Image with text slider
        • Text slide
      • Map
      • Multicolumn
        • Image
        • Icon
        • Text
        • Menu
        • Product
      • Newsletter
        • Image
        • Text
        • Newsletter
      • Press logos
        • Logo with header
        • Logo with text
      • Products with image
        • Products
        • Image
      • Recently viewed products
      • Rich text
        • Heading
        • Subheading
        • Text
        • Button
        • Image
        • Divider
      • Rich text with columns
        • Heading
        • Text
        • Buttons
      • Scrolling text
        • Heading
        • Text
        • Free shipping message
        • Custom code
        • Image
        • Collection
        • Advanced text
      • Shop the look
        • Product
      • Sidebar
        • Header
        • Accordion
        • Text
      • Slideshow
      • Tab collections
        • Collection
      • Testimonials
        • Testimonial
      • Text columns with icons
        • Icon
      • Text columns with images
        • Image
      • Text promo
        • Button
        • Heading
        • Text
      • Text with products
        • Collection
        • Product
        • Image
      • Timeline
        • Timeline
      • Video
  • Theme settings
    • Theme settings
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product grid
      • Product form
      • Swatches
      • Favicon
      • Cart
      • Currency format
  • Header
    • Announcement bar
      • Announcement bar section
      • Text announcement
      • Free shipping message
      • Custom code
      • Countdown timer
      • Target settings
    • Header
      • Demo store header settings
      • Section settings
        • Transparent header
        • Quantity indicators
        • Social icons
        • Navigation images
      • Header blocks
        • Image
        • Toolbar
    • Mobile menu
      • Section settings
      • Blocks
        • Menu
        • Menu columns
        • Image
        • Icon
        • Text
        • Button
        • Review
        • Language and currency
        • Social media
        • Collection
        • Product
        • Divider
        • Search bar
  • Footer
    • Footer sections
      • Logo
      • Supporting menu
    • Footer settings
    • Footer blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
      • Divider
  • Products
    • Product pages
      • Accordion section
      • Custom form field
      • FAQ Accordions
      • Final Sale
      • Free products
      • Low inventory message
      • Out-of-stock notification
      • Pre-order using metafields
      • Pre-order products using tags
      • Related products
      • Sale items
      • Settings and layout
      • Siblings
      • Size charts
      • Swatches (Updated)
      • Swatch collection styles
      • Tabs and accordions
      • Tab content using metafields
      • Unique image banners
      • Upselling
      • Variant images
  • Product Theme Blocks
    • Title
    • Price
    • Variant picker
    • Buy buttons
    • Siblings
    • Description
    • Tabs
    • Accordion
    • Upsell
    • Inventory countdown
    • Sharing
    • Local pickup
    • Text
    • Custom code
    • Icon
    • Divider
    • Line item property
    • Feature
    • Complementary products
    • Popup
    • Badges
    • SKU
    • Fit guide
    • Countdown timer
  • Collections
    • Collection pages
      • Collection page settings
        • Featured image
      • Swatch collection styles
      • Product badges
      • Product badges with metafields
      • Product filtering
      • Quick add
      • Sub-collections
      • Cutline second line
  • Pages
    • Page templates
      • Demo store about page
      • Creating page templates
      • Page section
      • About page templates
  • Blogs
    • Blogs and articles
      • About blogs and articles
      • Featured posts
      • Article page
      • Product links in blog posts
      • Article theme blocks
  • Overlay
    • Cart drawer
      • Title
      • Cart message
      • Free shipping message
      • Products
      • Upsell products
      • Order note
      • Gift note
      • Shipping estimate
      • Icon
      • Product list
      • Custom code
      • Payment icons
      • Checkout buttons
    • Newsletter
      • Popup
      • Mini popup
    • Text promotion
    • Additional settings
  • Promotions
    • Upselling
      • Upselling with metafields
      • Upselling with tags
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Siblings color
      • Siblings collection
      • Siblings product setup
      • Siblings block
      • Customizations
  • FAQ
    • Frequently asked questions
      • How to update Broadcast
      • Default theme content
      • Share preview link
      • Hiding prices
      • How to use sections
      • Section blocks
      • How to remove Powered by Shopify
      • Improving the speed of your site
      • How to prevent your images from getting cropped
      • Check your theme version
      • CSS customizations
  • License
    • Theme license
  • Support
    • Contacting support
    • Hire a Shopify Expert
    • Missing Cart Drawer after Updating
Powered by GitBook
On this page
  • Video
  • Video
  • Adding images to menu items
  • Image settings
Export as PDF
  1. Header
  2. Header
  3. Section settings

Navigation images

How to add images into your navigation

PreviousSocial iconsNextHeader blocks

Last updated 1 day ago

Broadcast can bring your navigation to life with images. Promote your product lines and sales events by easily adding image promotions to any of your top-level menu items:

You can even build an entire dropdown with images alone:

Video

How to build an all-image dropdown in Broadcast:

Video

How to use image blocks to add images to existing top-level menu items:

Adding images to menu items

  • Begin by adding an image block to the Header section:

  • Next, map the image to a menu position. If you'd like your image to appear on the first menu item, choose "Item 1". In our example, the image block is mapped to "Item 1", which would be the "NEW ARRIVALS" menu:

  • You can add multiple images to the same menu item. Each one will occupy a column. In this example, we have two images mapped to "Item 2":

Image settings

Finetune your image with individual block settings to perfect each individual image and call-to-action link:

  • Image scaling ratio - Adjust for wide to tall images.

  • Wide image checkbox - Use to adjust for smaller to larger images.

  • Overlay opacity - Darken the image to help highlight text.

  • Overlay color - Add an overlay tint to match your brand or enhance the look of the image.

  • Heading - Add heading text over the image.

  • Text - Smaller text displayed over the image.

  • Link - The promotional call-to-action link.

  • Color - Adjust the heading and text color.

Excerpt from Bold Demo Store Header set up video
Image promotions added to drop-down menus
Example of ABOUT menu dropdown built entirely with image links
NEW ARRIVALS is menu Item 1, CLOTHING is menu item 2