How can we help?

View Categories

Luna Header Tabs

< 1 min read

Table of Contents

Customize the three content tabs above the search bar

Website header strip showing icons and text for Free Shipping, Award Winning, and Easy Returns above the main navigation.
Screenshot

How do I enable or disable the header tabs? #

  • In the theme customizer, go to the epicHeader section
  • Scroll down to the Header Tabs subsection and toggle the box labelled Show header tabs.
Theme Styles epicHeader settings panel with “Show header tabs” checked and fields for tab titles and Font Awesome icons.
Screenshot

How do I change the icon, or title text or formatting? #

  • In the theme customizer, go to the epicHeader section
  • Scroll down to the Header Tabs subsection.
  • From here, you can change the settings as you wish.
Theme Styles panel under epicHeader where store owners configure text and icons for header tabs on the site.
Screenshot

Where can I find new Font Awesome icons to use? #

The icon library may be found here: https://fontawesome.com/icons

Please be sure to only type in the icon class names(without the tags) as shown in the image above.

How can I update the text displayed in the expanded section? #

  • In the theme files, templates > components > custom > header-tabs>tab-one.html, tab-two.html, and tab-three.html.
  • Edit line 2 for your custom text.
BigCommerce theme editor showing Luna templates panel with custom header-tabs files highlighted and home.html code open.
Screenshot
What are your Feelings

Powered by BetterDocs