Shopkeeper on ThemeForest
Get Bowtied
  • Home
  • Themes
    • helpkit-kb-menu-item-icon

      Shopkeeper

      $59 on ThemeForest

    • helpkit-kb-menu-item-icon

      Block Shop

      $59 on WooCommerce.com

    • helpkit-kb-menu-item-icon

      The Retailer

      $59 on ThemeForest

    • helpkit-kb-menu-item-icon

      The Hanger

      $59 on ThemeForest

    • helpkit-kb-menu-item-icon

      Mr. Tailor

      $59 on ThemeForest

    • helpkit-kb-menu-item-icon

      Merchandiser

      $59 on ThemeForest

  • Free Plugins
    • helpkit-kb-menu-item-icon

      HookMeUp

      Free on WordPress.org

    • helpkit-kb-menu-item-icon

      Product Blocks

      Free on WordPress.org

  • Help
    • helpkit-kb-menu-item-icon

      Documentation

      Docs and Knowledge Base

    • helpkit-kb-menu-item-icon

      Support

      Reach out to our Support Team

    • helpkit-kb-menu-item-icon

      Pre-Sale

      Reach out using Messenger

  • Shopkeeper
    • Getting Started
      • Installation & Setup
      • Updating Shopkeeper
      • Changelog
    • Customization
      • Main Navigation
      • Header Settings
      • Top Bar
      • Site Logo
      • Sticky Header
      • Header Transparency
      • Site Icon
      • Changing Fonts
    • The Shop
      • Shop — Display
      • Shop — Number of Products
      • Shop — Sidebar Setup
      • Shop — Product Image Sizes
      • Shop — Category Links
      • Shop — Product Hover Image
      • Sale Badge Color
      • Checkout — Add / Remove Fields
      • Color / Image Swatches
      • Next / Previous Product
      • Related Products
      • Quick View
      • Catalog Mode
      • The Wishlist
    • Page Building
      • Front Page Setup
      • How to add a Contact form
      • How to remove the page title?
      • How to turn off page comments?
    • The Blog
      • Blog — Setup
      • Blog — Layout Options
      • Blog — Remove featured image in blog posts
      • Blog — How to add a sidebar?
      • Blog — How to add the 'Continue Reading' link
      • Blog — Writing New Posts
    • The Portfolio
      • The 'Shopkeeper Portfolio' Plugin
      • Portfolio Page Setup
      • Adding Portfolio Projects
    • FAQs
      • How to renew support?
Home/Documentation/Shopkeeper/Customization/Sticky Header

Sticky Header

Adrian Posted on Updated July 16, 2020 2457
In This Article

    When enabled, the sticky header feature will display a minimized version of the header while the user scrolls down through the page.

    Sticky Header Settings

    Enabling/Disabling the Sticky Header

    The Sticky Header‘s settings can be found under Appearance > Customize > Header > Sticky Header. The customization settings here will allow you enable or disable it, customize its color and adjust the size and spacing.

    Include/Exclude Top Bar

    The Top Bar can be included in the Sticky Header. The option for it can be found under Appearance > Customize > Header > Sticky Header.

    Sticky Header Colors

    The Sticky Header can have its own color scheme. The customization settings here will allow you to change the Background Color and the Text Color.

    Sticky Header Logo

    Using a different color scheme for the Sticky Header may require an alternative logo as well. (e.g. white logo on black background) The image uploaded here will be displayed on the Sticky Header only.

    Sticky Header Size

    The size of the Sticky Header can be customized by adjusting the size of the sticky logo, as well the spacing above and below the logo.

    Sticky Mobile Header

    The Mobile Header can be set to be sticky as well, via Appearance > Customize > Header > Mobile Header.

    TagsMobile, Mobile Header, Sticky, Sticky Header, Sticky Header Logo, Sticky Header Size

    Was this article helpful?

    Related Articles

    • Site Logo
    • Header Transparency
    • Changing Fonts
    • Site Icon
    • Main Navigation
    © 2012 — 2020 Get Bowtied