View Categories

Nebula Header Banner

1 min read

Screenshot

How do I turn on / off the Header Banner? #

  • In the theme customizer, go to the Header section and then go to the Header Banner.
  • Check/Uncheck the Display header banner to toggle it on/off.
Screenshot

How many images can I have?  #

  • You can only have one image here.

How do I change my banner image? #

  • In the theme customizer, go to the Header section.
  • Scroll down to the Header Banner setting and input the image URL, link, and title.
  • Images are loaded in the BigCommerce image manager using partial filepaths.
    Click here to view our guide on how to use Partial Filepaths
Screenshot

How do I change the header banner style? #

  • In the theme customizer, go to the Header section.
  • From the Header style dropdown, select a style from 1-4
Screenshot

Style 1

Screenshot

Style 2

Screenshot

Style 3

Screenshot

Style 4

Screenshot

Can I change the transparency of my navigation menu for Header Style 3? #

 class=

Yes, you can! To do this, kindly follow the steps below:

  • Log into your BigCommerce Dashboard/Control Panel.
  • Go to Storefront > Script Manager.
  • Create a new script with the settings and script below:
 class=

Please note that you can change the background color of your navigation menu by changing the hex color (#FFFFFF) on the script. For the transparency of the navigation menu, the value 1.0 on the opacity will make the part of the main banner/image behind the navigation menu not visible. You can start lowering its value if you wish to make the banner image a little bit more visible.

 class=

How many banner categories can I use? #

  • You can have five (5) banner categories.

How do I turn on / off the Top Bar? #

  • In the theme customizer, go to the Header section and then go to the Top Bar.
  • Check/Uncheck the Display top bar to toggle it on/off.
Screenshot

How do I customize the colors in the banner categories? #

  • For color customizations, click the icon on the right side to pull up the color picker.
    You may also click the (+) button to enter a Hex code or use a slider instead.
Screenshot

How do I change my banner categories links and title? #

  • In the theme customizer, go to the Header Banner section.
  • Scroll down to the indicated image slot number and input the image URL, link, and title.
  • Images are loaded in the BigCommerce image manager using partial filepaths.
    Click here to view our guide on how to use Partial Filepaths.
  • If you don’t want to display a specific slide, uncheck where it says “Display Slide #”.
Screenshot

Powered by BetterDocs