Halo Documentation
Open a Store for FREEExclusive OffersServicesResources
  • Greeting + Useful Resources
  • Exclusive Offers 🔔
  • Changelog
  • Announcement
    • Update a new setup for product detail page
  • Overview
    • Full Theme Features
  • Online Store 2.0
    • Color Gradient
    • Dynamic Source
  • Installation
    • Install Theme 🎯
    • Update Theme 🔔
      • Theme Update Service
    • Install App
      • Product Review
      • Shopify Search & Discovery
      • Affiliate & Referral
  • Basic Configuration
    • Customer Registration
    • Shipping Rates
    • Navigation
    • Custom CSS
  • Theme Settings
    • Multiple Layouts
    • Colors
    • Typography
    • Button Style
    • Social Media
    • General
      • Favicon
      • Pagination / Infinite Feature
      • GDPR Cookie Consent
      • Terms And Conditions Checkbox
      • Wishlist
      • Swatch / Variant / Customization Option
      • Hot Stock Function
      • Trust Image
      • Social Share Buttons
      • Dynamic Browser Tab Title
    • Product Card
      • Product Media
      • Product Badges
      • Product Title
      • Product Vendor
      • Product Price
      • Product Review
      • Product Swatch
      • Product Wishlist
      • Product Compare
      • Product Quick View
      • Product Action
      • Product Content
      • Product Action Group
      • Product Quick Shop
      • Product Marquee
    • Calculator Free Shipping Message
    • Theme Language
      • How to set up a different language?
      • How to set up Multiple Languages?
      • RTL Theme
    • Multiple Currencies
    • Customer Login
    • Quick Cart
      • Since version 1.3.0+
    • Predictive Search
    • Quick View
      • Since version 1.3.0+
    • Countdown
    • Someone Purchase
    • Newsletter Popup
    • Recently Viewed Popup
    • Dark Mode/Light Mode
    • Before You Leave
    • Notify Me: Out Of Stock
    • Ask An Expert
    • Preloading screen
    • Background Effect
    • Checkout
  • Header
    • Header For Desktop
      • Home 01 – Fashion 01
      • Home 02 – Fashion 02
      • Home 03 – Fashion 03
      • Home 04 – Beauty
      • Home 05 – Furniture
      • Home 06 – Gym
      • Home 07 – Bikini
      • Home 08 – Bag
      • Home 09 – Supermarket
      • Home 10 – Wedding
      • Home 11 – Lingerie
      • Home 12 – Urban Fashion
      • Home 13 - Jewelry
      • Home 14 - Eyewear
      • Home 15 – Bike
      • Home 16 – Tech
    • Header For Mobile / Tablet
    • Setup Dropdown / Advanced Mega Menu
      • Label For Menu
    • Mobile Menu
  • Footer
    • Footer
      • Home 01 - Fashion 01
      • Home 02 - Fashion 02
      • Home 03 - Fashion 03
      • Home 04 - Beauty
      • Home 05 – Furniture
      • Home 06 - Gym
      • Home 07 - Bikini
      • Home 08 - Bag
      • Home 09 - Supermarket
      • Home 10 - Wedding
      • Home 11 – Lingerie
      • Home 12 – Urban Fashion
      • Home 13 - Jewelry
      • Home 14 - Eyeswear
      • Home 15 - Bike
      • Home 16 - Tech
  • Sections
    • Section On Every Page
    • Banner
      • Banner Tab
      • Banner With Custom Link
      • Collage
      • Custom Banner
      • Custom Banner With Center Mode
      • Featured Brand
      • Featured Collection
      • Popular Categories
      • Fixed Banner
      • Full Width Banner
      • Image Gallery
      • Instagram
      • Slideshow
      • Masonry Layout With Lookbook
      • Tiktok
      • Before & After slider
      • Marquee Promotion
    • Text
      • Collapsible Content
      • Custom Icon With Text
      • Custom Text
      • Custom Text With Button
      • Testimonial
      • Categories List
      • Customer Review
      • Newsletter
    • Blog / Article
      • Featured Article
      • Recently Article
    • Product
      • Custom Featured Product
      • Custom Product With Banner
      • Product Block
      • Product Block With Tab
      • Product Specification
      • Product Review
    • Others
      • Contact Form
      • Subscription Form
      • Custom Liquid
      • Google Map
      • Toolbar Mobile
  • Collections List
    • Demo & Settings Data
    • Collections List Section
  • Collections
    • Demo & Settings Data
    • Sub Collection
    • Collection Section
    • Sidebar
    • Filter
  • Products
    • Demo & Settings Data
    • Product Section
    • Product Information
      • Version 1.3.0+
        • Add To Cart Form
        • Complementary Products
        • Countdown
        • Custom Information
        • Customers Viewing
        • Information
        • Inventory
        • Notify Form
        • Pickup Availability
        • Price
        • Promotion
        • Property
        • Rating
        • Richtext
        • Sold In Last
        • Tab
        • Text
        • Title
        • Trust Badges
        • Variant Picker
        • Icon With Text
        • Vendor
      • Version 1.2.1 & The Previous
        • Complementary Products
        • Customers Viewing
        • Dynamic Checkout Button
        • Product Tab
        • Short Description
        • Sold In Last
      • Product Media
      • Product Variant
      • How To Set Up Size Chart For Product?
      • How To Set Up Product Description For Each Variant?
      • How To Set Up Variant Image Grouped?
      • How To Set Up Local Pickup?
      • How To Setup Pre-Order Product?
      • How To Set Up Product Property By Metafields?
    • Product Bundle
    • Product Description
    • Product Review
    • Product Recommendations
    • Recently Viewed Products
  • Blog
    • Blog
    • Default Layout
    • Layout 01
    • Layout 02
  • Article
    • Article
    • Default Layout
  • Cart
    • Cart Section
  • Page
    • How To Create A Page?
    • Landing Page
    • Wishlist Page
    • Bulk Editor Page
    • Brands Page
    • Location Page
    • Collection Detail Page
      • Layout 01
      • Layout 02
      • Layout 03
      • Layout 04
      • Layout 05
    • FAQs Page
      • Layout 01
      • Layout 02
      • Layout 03
    • Lookbook Page
      • Layout 01
      • Layout 02
      • Layout 03
    • Contact Us Page
      • Layout 01
      • Layout 02
      • Layout 03
    • About Us Page
      • Layout 01
      • Layout 02
      • Layout 03
    • Portfolio Page
      • Layout 01
      • Layout 02
      • Layout 03
    • Password Page
      • Layout 01
      • Layout 02
    • Other Pages
      • 404 Page
      • Search Page
  • Knowledge Base
  • Theme Support
Powered by GitBook
On this page
  • How to configure Mobile Menu?
  • How to set up icon / image for Mobile Menu?
  • Menu Level 1
  • Menu Level 2 & Menu Level 3 (List Layout)
  • Menu Level 3 (Grid Layout)
  • Instruction Video

Was this helpful?

  1. Header

Mobile Menu

PreviousLabel For MenuNextFooter

Last updated 3 years ago

Was this helpful?

Halo theme allows you to set up the menu on mobile and desktop separately.

To set up the mobile menu, please follow instructions below:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme Settings -> Multiple Layouts / Mobile Menu Layout.

  4. Choose Custom Menu. If you choose Default, the desktop menu is applied.

How to configure Mobile Menu?

Halo provides 3 Mobile menu tabs corresponding to 3 sections as shown below:

Each section has different menu blocks and you can add the type of block you want.

  • Menu Item

  • Link Item

  • Menu List

Note: Please fill out Heading text box of Mobile Menu. The heading must be different for each mobile menu section.

After adding the menu item, please reload Theme Editor View to see the change. You can check the change on actual devices like mobile or tablet.

How to set up icon / image for Mobile Menu?

Menu Level 1

You can set up icons or images for Menu Level 1:

About icons, you can upload SVG format: enter the SVG code of the icon in the SVG Icon field:

About images, you can upload PNG or JPG format:

Menu Level 2 & Menu Level 3 (List Layout)

About level 2, level 3 menu, you can set up images only:

Upload image with the same name as the [handle-of-menu][menu-level-2-name].[IMG FORMAT]

Naming convention: lower cap and use "-" to replace white space. For example: with the menu level 2 "Top Rated" and menu handle "menu-mobile-new-in", the image name will be menu-mobile-new-intop-rated.jpg or menu-mobile-new-intop-rated.png

Menu Level 3 (Grid Layout)

Please turn on "Show Images Below The Sub Menu Items?" checkbox to show Grid Layout for Menu Level 3:

Upload image with the same name as the [handle-of-menu][menu-level-3-name].[IMG FORMAT]

Naming convention: lower cap and use "-" to replace white space. For example: with the menu level 3 "Shoulder Bags" and menu handle "menu-mobile-new-in", the image name will be menu-mobile-new-inshoulder-bags.jpg or menu-mobile-new-inshoulder-bags.png

Instruction Video

To get the image URL, please upload the image in Settings -> Files. Then copy the link. You can refer to .

To get the image URL, please upload the image in Settings -> Files. Then copy the link. You can refer to .

this link
this link