Top Bar Settings


Top Bar - Setup

  • Show for: (select) When to show the Top Bar menu
    • Default: Always Show
    • Possible Values:
      • Tablet & Desktop: Hide for Tablet and Desktop devices
      • Desktop: Hide for Desktop devices
      • Always Show: Show on all devices

  • Full Menu at: (select) The breakpoint when the desktop menu will be displayed
    • Default: Tablet
    • Possible Values:
      • Always
      • Tablet
      • Desktop
      • Never
      • Custom
  • Breakpoint: (number) The custom breakpoint for the full desktop menu
    • Enable: When Full Menu at is set to custom
    • Default: 600px
    • Min Value: 100px
    • Max Value: 9999px
  • Position: (select) The position of the menu
    • Default: Static
    • Possible Values:
      • Static
      • Fixed
      • Sticky
  • Hide until sticky?: (checkbox) Hide Top Bar until it becomes sticky
    • Enable: When Position is set to sticky
    • Default: false
  • Contain within Body?: (checkbox) Contain the Top Bar content from extending past the max-width of the body
    • Default: true
  • Match Content Padding?: (checkbox) Add the same padding as the content area to the Top Bar nav
    • Enable: When Contain within Body? is set to true
    • Default: true
  • Custom Sizing?: (checkbox) Customize the height and font sizes in Top Bar
    • Default: false
  • Height: (number-2) The height of the menu
    • Enable: When Custom Sizing? is set to true
    • Default: [45, 45]px
    • Min Value: 20px
    • Max Value: 1000px
  • Padding: (number-2) The padding of the menu items
    • Enable: When Custom Sizing? is set to true
    • Default: [15, 15]px
    • Min Value: 0px
    • Max Value: 100px
  • Font Size: (number-2) The font size of the menu text
    • Enable: When Custom Sizing? is set to true
    • Default: [0.8125, 1.0625]rem
    • Min Value: 0rem
    • Max Value: 4rem

  • Shadow when Fixed?: (checkbox) Add a drop shadow to Top Bar when its set to Fixed or when Sticky becomes fixed
    • Default: false
  • Shadow Opacity: (number) The opacity of the shadow
    • Enable: When Shadow when Fixed? is set to true
    • Default: 40%
    • Min Value: 10%
    • Max Value: 99%
  • Shadow Blur: (number) The blur radius of the shadow
    • Enable: When Shadow when Fixed? is set to true
    • Default: 5px
    • Min Value: 0px
    • Max Value: 20px
  • Fixed Padding: (number) The padding at the top of the menu when its docked at the top of the browser.
    • Default: 0px
    • Min Value: 0px
    • Max Value: 1000px

Top Bar - Styles

  • Background: (select) The position of the menu
    • Default: Solid Color
    • Possible Values:
      • Solid Color
      • Gradient
      • Two Color Gradient
      • Two Tone
      • Primary (Site Style)
      • Secondary (Site Style)
      • Swatch 1 (Site Style)
      • Swatch 2 (Site Style)
      • Swatch 3 (Site Style)
      • Swatch 4 (Site Style)
      • Swatch 5 (Site Style)
      • Swatch 6 (Site Style)
  • Menu Font: (select) The font family and font wieght definitions that will be inherited from Site Styles. Font Vaults require the Font Pro stack.
    • Default: Default (Site Styles)
    • Possible Values:
      • Default (Site Styles)
      • Text Family (Site Styles)
      • H1 Family (Site Styles)
      • H2 Family (Site Styles)
      • Font Vault 1 (Font Pro)
      • Font Vault 2 (Font Pro)
      • Font Vault 3 (Font Pro)
      • Font Vault 4 (Font Pro)
      • Font Vault 5 (Font Pro)
      • Font Vault 6 (Font Pro)
      • Font Vault 7 (Font Pro)
      • Font Vault 8 (Font Pro)
  • Style Active Menu?: (checkbox) Style the active menu text and background
    • Default: false
  • Text: (color) The color of the menu text
    • Allows Opacity: true
  • Background: (color-2) The background color of the base menu background
    • Allows Opacity: true
  • Hover: (color-2) The color of the nav bar hover accent
    • Allows Opacity: true
  • Active: (color-2) The color of the active menu items
    • Enable: When Style Active Menu? is set to true
    • Allows Opacity: true
  • Accent Color: (color) The color of the menu accents
    • Allows Opacity: true

Top Bar - Menu Area

  • Menu: (select) Where to pull the content for the menu
    • Default: RapidWeaver Menu
    • Possible Values:
      • RapidWeaver Menu: Use the default menu that RapidWeaver generates.
      • Magellan: Use Foundation Magellan to create a menu that scrolls to select sections on the page
      • Custom HTML Menu: Define your own custom HTML that will build the menu.
      • No Menu: Do not display a menu on Top bar
  • Scope: (select) The scope of the menu that will be displayed
    • Default: Entire Menu
    • Possible Values:
      • Entire Menu: Display the entire menu
      • Top Menu Only: Only display the top level menu items
      • Sub Nav Only: Only display the sub nav level menu items
      • Active SubNav Only: Only display the sub nav level menu items for the current active branch of the menu
  • SubNav Index: (number) The index of the sub navigation that you would like to display. Example: If the subnav is under the second menu item, then you would set this to 2.
    • Enable: When Scope is set to subnav
    • Default: 1
    • Min Value: 1
    • Max Value: 10
  • Alignment: (select) The alignment of the menu of the menu buttons inside the bar
    • Default: Right
    • Possible Values:
      • Left
      • Center
      • Right
  • Full Width Menu?: (checkbox) Evenly space out the menu items so that they take up the entire with of the menu bar
    • Enable: When Alignment is set to centered
    • Default: true
  • Submenu on Hover?: (checkbox) Open the submenu on hover. Or else you will need to click
    • Default: true
  • Submenu Indicator?: (checkbox) Display an indicator when there is a sub menu
    • Default: true
  • Add Dividers?: (checkbox) Add dividers between the menu items
    • Default: true

  • Mobile Label: (input) The mobile menu label
    • Default: Menu
  • Mobile Back: (input) The mobile back label
    • Default: Back
  • Show Parent Link?: (checkbox) Show the parent page name at the top of the sub page link list
    • Default: true

Top Bar - Title Area

  • Info: Title Area will be hidden when alignment is set to center full width, except on Mobile Menu
  • Content: (select) The content for the title area.
    • Default: Site Setup
    • Possible Values:
      • Hide
      • Site Setup
      • Custom Data
  • Title Element: (select) The html element used for the title
    • Default: H1
    • Possible Values:
      • H1
      • H2
      • H3
      • H4
      • H5
      • H6
      • P
  • Title Font: (select) The font family and font wieght definitions that will be inherited from Site Styles. Font Vaults require the Font Pro stack.
    • Default: H1 Family (Site Styles)
    • Possible Values:
      • Default (Site Styles)
      • Text Family (Site Styles)
      • H1 Family (Site Styles)
      • H2 Family (Site Styles)
      • Font Vault 1 (Font Pro)
      • Font Vault 2 (Font Pro)
      • Font Vault 3 (Font Pro)
      • Font Vault 4 (Font Pro)
      • Font Vault 5 (Font Pro)
      • Font Vault 6 (Font Pro)
      • Font Vault 7 (Font Pro)
      • Font Vault 8 (Font Pro)
  • Show Site Logo?: (checkbox) Show the site logo from Site Setup
    • Enable: When Content is set to site-setup
    • Default: true
  • Show Site Title?: (checkbox) Show the site title from Site Setup.
    • Enable: When Content is set to site-setup
    • Default: true
  • Show Site Slogan?: (checkbox) Show the site slogan from Site Setup. This requires that the Site Title be shown as well
    • Enable: When Content is set to site-setup
    • Default: true
  • Logo Mobile: (link) (Required) The url to the site logo image to be used on Mobile devices
    • Enable: When Content is set to custom
    • Default:
  • Logo Tablet: (link) (Optional) The url to the site logo image to be used on Tablet devices
    • Enable: When Content is set to custom
    • Default:
  • Logo Desktop: (link) (Optional) The url to the site logo image to be used on Desktop devices
    • Enable: When Content is set to custom
    • Default:
  • Title: (input) The title
    • Enable: When Content is set to custom
    • Default: Site Title
  • Slogan: (input) The slogan
    • Enable: When Content is set to custom
    • Default: Slogan

  • Hide title area until fixed?: (checkbox) When selected the logo will only display when the top bar is fixed
    • Enable: When Position is set to sticky
    • Default: false
  • Hide Logo on Mobile?: (checkbox) Hide the logo on mobile devices in order to save space
    • Default: false
  • Hide Title on Mobile?: (checkbox) Hide the title on mobile devices in order to save space
    • Default: false
  • Hide Slogan on Mobile?: (checkbox) Hide the slogan on mobile devices in order to save space. If you have chosen to hide the Title on Mobile, the slogan will also be hidden
    • Default: false
  • Remove Title Padding?: (checkbox) Remove the padding from the title area
    • Default: false

Top Bar - Extra Zone

  • Info: Extra Zone will be hidden when alignment is set to center full width, except on Mobile Menu
  • Zone Setup: (select) The setup for the extra zone
    • Default: Hide
    • Possible Values:
      • Hide
      • Dropzone
      • Custom
  • Zone Align: (select) Where to align the Zone within Top Bar
    • Default: Left
    • Possible Values:
      • Left
      • Right
  • Add Dividers?: (checkbox) Add dividers between the menu items
    • Default: false