Header & Subheader – Betheme Support Center

Header & Subheader

This section will help you with setting up the header and subheader options. There are many options to choose from and countless possibilities to create your own header style.


Header

Layout

  • Style

    Choose a header style: Classic, Modern, Plain, Stack: Left, Stack: Center, Stack: Right, Magazine, Creative, Creative Right, Creative: Always Open, Creative Right: Always Open, Fixed, Transparent, Simple, Empty: Subpage without Header, Below Slider, Split Menu, Split Menu Semitransparent, Below Slider with Split Menu, Overlay, Shop and Shop split

  • Options

    You can change the header to be sticky on boxed layouts and set the header for the full width layout to extend beyond the grid.

  • Height

    Set up the height of your header (250px by default)

Background

  • Image

    Here you can upload an image which will be used as a background on your header

Quick Tip!

Use a different background image for the header on each page

Just upload a featured image while editing the page BeTheme will recognize that change and overwrite the default image
  • Position

    Set the position of the image, you can select also the fixed position or parallax.

  • Size

    Set the background image size property: auto, cover, contain or cover on ultrawide screens only > 1920px.

Important!

Fixed option is not working on iOS devices

On this operating system, this feature are disabled by default.

Top Bar Background

  • Image

    Upload image which will be used in the background of Top Bar

  • Position

    Set the position of the image, you can select also the fixed position or parallax.

Important!

Fixed option is not working on iOS devices

On this operating system, this feature are disabled by default.

Sticky Header

  • Sticky

    Turn on/off the sticky header

  • Style

    Choose between white, dark and the same as Top Bar left background color.


Subheader

Layout

  • Style

    Choose between different subheader styles. You can set the alignment of the title and breadcrumbs.

  • Hide

    Tick on which elements inside the subheader should be hidden.

  • Padding

    Apply padding value for the subheader.

  • Title tag

    Select which heading should be used in title.

Background

  • Image

    Upload an image which will be used in the background of the Subheader.

  • Position

    Set the position of the image, you can select also the fixed position or parallax.

Quick Tip!

Fixed option is not working on iOS devices

On this operating system, this feature are disabled by default.
  • Size

    Set the background image size property: auto, cover, contain or cover on ultrawide screens only > 1920px.

  • Transparency

    Set the transparency of the subheader.

Advanced

  • Options

    You can select if the breadcrumbs last item is a link or to enable the subheader on pages that have a slider attached.


Extras

Top Bar Right

  • Hide

    Turn on/off the Top Right Bar, this feature includes Search, WPML flags and the cart icon.

Action Button

  • Title

    A Title for the action button.

  • Link

    An URL for the action button.

  • Options

    Additional options for the action button like opening in a new window or adding an option to scroll to a section.

  • Search

    Options for the search field. You can set the search icon to be hidden, set the icon as default, set the search function to display only shop results or set the field without the icon.

WPML

  • Custom Switcher Style

    Choose the WPML switcher style, including: Flags, Dropdown, Horizontal styles or just hide it.

  • Custom Switcher Options

    Tick this option to redirect to homepage, while the translation is missing on one of the pages.

Other

  • Banner

    Content provided here will be displayed below the menu.

Important!

This feature is made only for some headers

This option can be used in "Header Magazine" or "Creative" header.

Sliding Top

  • Sliding Top

    Select on which side the toggle of Sliding Top should be displayed.

  • Icon

    Choose an icon for the Sliding Top toggle.

Try it now