1. Home
  2. Docs
  3. Theme Knowledge
  4. Header Settings

Header Settings

1. Header Layout

You can set header layouts in Theme option panel -> Header. In here, you can set desktop & mobile device header layout, width, BG and spacing pixels.

  • Header Width Style: Set header width by full or boxed layout.
  • Header Max Width: Set header max width value, if width style is “Boxed Layout”.
  • Header Background Color: Set the background image or color of main header area.
  • Header Spacing and Size: Add spacing in main header top and bottom area.
  • Select Header Layout: Choose desktop and mobile header layout.
  • Mobile Layout Width Set device width value, where mobile layout is enable.

2. Logo Settings

In Theme option panel -> Header -> Logo, you can upload your normal & light logo and sticky logo images.
And set logo sizes and padding values

  • Logo Image: Upload site normal logo image.
  • Light Logo Image: Upload light logo image to show in dark header scheme.
  • Alternative Sticky Logo: Upload logo image to use in sticky header.
  • Logo Image Padding: Add padding space value around logo image.
  • Logo Height: Set logo size by height value.
  • Sticky Logo Height Set sticky header logo size.

3. Top Bar Settings

You can set top bar in Theme option panel -> Header -> Top bar, and disable/enable topbar area and set the other options.

  • Topbar Width Style: Set topbar width by full or boxed layout.
  • Topbar Max Width: Set topbar maximum width, if width style is “Boxed Layout”.
  • Top Bar Backgorund: Set the background color of the topbar main area.
  • Top Bar Text Color: Change topbar text color according to background color.
  • Top Bar Left Text: Add your text to show in left side.
  • Top Bar Right TextAdd text or any shortcode to show in right side.
  • Top Bar Bottom Border:  Enable Top Bar Bottom Line.

4. Sticky Header

In Theme option panel -> Header -> Sticky Header, you can disable/enable sticky header and set the other options.

  • Sticky Header Bg: Set the background color of the sticky header area.
  • Sticky Header Menu Color: Change menu color according to background color.
  • Header Top/Bottom Spacing: Set top/bottom spacing of the sticky header area.

Articles

Was this article helpful to you? Yes No

How can we help?