Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v3
Broadcast v3
  • About Broadcast
    • Broadcast theme documentation
  • Online Store 2.0
    • The new experience
  • Announcement Bar
    • Free shipping message
    • Text announcement
    • Custom HTML
    • Announcement bar settings
  • Header
    • Header styles
    • Navigation images
    • Sticky header
    • Transparent header
    • Social icons
  • Sections
    • How to use sections
    • Section blocks
    • List of sections
    • Sidebar
    • Split images
    • Before and After
  • Products
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Upselling with metafields
    • Upselling with tags
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product page settings
    • Theme blocks
    • Low inventory message
    • Icon block
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
    • Collection page settings
  • Popups
    • Cookies consent message
    • Image promo with newsletter
    • Text promo
    • Small newsletter
    • Coupon codes
  • Footer
    • Footer settings
    • Theme blocks
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Settings
    • Loading icon
  • Updates
    • Release notes
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
  • Support
    • Contacting support
    • Share preview link
    • Earlier documentation
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • Logo above menu
  • Mobile drawer menu
  • Mobile devices
  • Hiding social icons
  • Setting up social links
Export as PDF
  1. Header

Social icons

Header options for displaying social media icons

PreviousTransparent headerNextHow to use sections

Broadcast can display your social media network links as icons in the navigation header. There are two Header styles that support the social media icons, Logo above menu and Mobile drawer menu.

Logo above menu

For desktop browsers, this Header style will display your social media icons on the top left:

Two sizes are available, normal and large:

Mobile drawer menu

When using this header style, the social media icons are displayed at the bottom:

Mobile devices

Most mobile devices will automatically switch to a Mobile drawer style for navigation. For mobile devices, the social media icons are displayed at the bottom of the drawer regardless of the Header style used.

Hiding social icons

There is an option to turn off social icons for both desktop and mobile:

Setting up social links

Use the Theme settings -> Social Media settings to add and remove links to your social networks. When a link is added here, Broadcast will automatically generate a social icon for that network in the header.

Summary

  • When a URL is added, the icon for that social network is automatically generated in the header.

  • If the social network URL field is empty, no icon will be displayed.

  • For desktop browsers, choose the Header style: Logo above menu or Mobile drawer menu. On mobile devices, the Mobile drawer is used and social icons will appear at the bottom of the drawer when the drawer is activated.

Social icons are displayed on the top left
Normal sized icons
Large sized icons
Mobile Drawer
Uncheck to hide icons
Theme settings -> Social Media