An introduction to the header styles with a banner or no banner

This theme offers an automatic re-style of the header area when you publish a banner or if you have no banner published. Depending on what page has either option, your header styling (including the menu) will change.

With a Banner

header with banner

With No Banner

header no banner

This happens automatically when someone navigates through your website. You also have the option to customize the look and style of each visual state of the header by going to the customizer.

Change the Header Colours

These settings will give you the option to change the menu colours, and for the header without a banner, you can also change the grey background. Please note that the header with a banner, the overlay has to be done with custom CSS because it uses the rbga method (with opacity) which the customizer does not have that capability.

  1. Go to Appearance >> Customize >> Colours
  2. Look for each colour setting that relates to the mobile menu, main menu, and the “No Banner Background” to change the grey colour.
  3. Click “Save & Publish