Advanced banner2024-06-27T04:58:35+00:00

Advanced banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

The advance banners are best used for home pages and primary category pages.

Banner images are individual to that page.

Pages with advance banners don’t have Side Navigation.

Implementation

Page settings

Page Attributes > Template 100% Width
Feature image None
Avada Page Options > Page Title Bar > Page Title Bar Hide

Containers & columns

  • New container at top (flex – not legacy)
  • 1/1 column
  • Column-align: Center
  • Container class: qh-advanced-banner

Elements

  1. Widget area > Custom banner breadcrumbs
  2. Use Avada Title element (default is H1) not a Text Block element
  3. Add a Text Block element (class of: qh-advanced-banner-abstract) for the introduction/abstract text.
  4. Add a Code Block element with the following:
Copy to Clipboard

Usage guidelines

 When to use it

  • Major categories pages (ie: pages in the primary nav)
  • Landing pages (major topics not in the primary nav)

When not to use it

  • Content pages
Back to top