Customizing the Pre Header

The pre header, the area above the header displayed in all web pages of your website, can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize.

Customizing the Pre Header Layout

To customize the layout for the pre header, go to Appearance > Customize > Pre Header > Layout.

  • Layout – The layout for the pre header displayed in all web pages.
  • Spread – The spread for the elements contained in the pre header displayed in all web pages.
  • Mobile Display – Enable the Display in mobile pages checkbox to display the pre header when the web page is displayed on a mobile device.

Customizing the Pre Header Style

To customize the style for the pre header, go to Appearance > Customize > Pre Header > Style.

  • Background Image – The background image for the pre header displayed in all web pages.
  • Vertical Padding – The vertical padding for the pre header displayed in all web pages, conditioning its size.
  • Background Color – The background color for the pre header displayed in all web pages.
  • Border Top Width – The top border width for the pre header displayed in all web pages.
  • Border Top Color – The top border color for the pre header displayed in all web pages.
  • Border Bottom Width – The bottom border width for the pre header displayed in all web pages.
  • Border Bottom Color – The bottom border color for the pre header displayed in all web pages.
  • Headings Color – The color of the title for the pre header displayed in all web pages.
  • Text Color – The color of the text blocks for the pre header displayed in all web pages.
  • Link Color – The color for the links of the pre header displayed in all web pages.
  • Link Color on Hover – The color during the mouse hover action for the links of the pre header displayed in all web pages.