Header Configuration Settings

The "Settings" tab within the Header Configuration section of the Brandy theme allows you to customize various aspects of the header, such as layout, functionality, transparency, and shadow effects.

Below are the detailed functionalities and options available in this section:

1. Header Name

• Field: Header name

  • Displays the name of the current header template.

2. Layout

• Layout Options:

  • Boxed

    • Restricts the header content to a fixed-width container.

  • Content

    • Aligns the header with the main content width.

  • Full Width

    • Stretches the header to the full width of the browser window.

3. Sticky Functionality

• Toggle: Sticky functionality on/off

  • Enables or disables the sticky header functionality.

• Options:

  • Sticky on

    • Determines which part of the header becomes sticky. Options include: Only main row, Top & main row, All rows, Main & button row

  • Effect

    • Specifies the animation effect when the header becomes sticky. Options include: Default, Slide down, Fade

4. Transparent Settings

• Toggle: Transparent on/off

  • Enables or disables the transparency settings for the header.

• Options:

  • Blur background

    • Slider to adjust the level of background blur.

  • Transparent background

    • Options to set the color of the transparent background. Options include: Top, Middle, Bottom

  • Sticky background

    • Options to set the color of the background when the header is sticky. Options include: Top, Middle, Bottom

5. Shadow Settings

• Toggle: Shadow on/off

  • Enables or disables shadow effects for the header.

• Options:

  • Shadow type

    • Drop-down to select the type of shadow. Options include: Default, Custom shadow, Medium, Large

  • Shadow color

    • Picker to choose the color of the shadow.

  • Shadow adjustments:

    • X offset

      • Slider to adjust the horizontal position of the shadow.

    • Y offset

      • Slider to adjust the vertical position of the shadow.

    • Blur

      • Slider to adjust the blur radius of the shadow.

    • Spread

      • Slider to adjust the spread radius of the shadow.

Publish: Make sure to click "Publish" after making changes to save and apply the updated header settings.