Hello Header and Footer Customization

The introduction of free Header and Footer customization for the Hello Theme allows everyone to create a basic Header and Footer design for their site by using the Elementor Site Settings. If using Elementor Pro, and already have a Header and Footer with display conditions set, the ones created here will not be displayed.

Locating The Settings

The Header and Footer customization options will be found under your Site Settings. For more information about global site settings click here.

Note: This feature will be active only on a new site. Existing sites need to opt-in to this feature through the Experiments screen. Once activated, there will be two new sections under the Site Settings > Theme Style.

Site Header Customization

From the site header customization menu you may configure the look of your site header. In addition to choosing the layouts, you can customize the width, background color, menu, appearance and style of each element.

Header

Control Options

  • Site Logo – Toggle this to show / hide your logo or title
  • Tagline – Toggle this to show / hide your tagline
  • Menu – Toggle this to show / hide your menu
  • Layout – Choose between Default, Inverted, or Centered
  • Width – Choose full width, or boxed
  • Gap – Set the margin gaps of your header here in percentage or px
  • Background Type – Choose classic or gradient options
  • Color – Set the background color(s) using the color picker
  • Image – Choose an image to display from your media library or upload. Once this is completed, you may choose from the standard image controls for position, attachment, repeat, and size options

Site Logo

Control Options

  • Type – From the dropdown menu, select between title and logo options
  • Text Color – (if Text is selected above) Choose the color from the picker, input, or dynamic options
  • Typography – (if Text is selected above) Set the font size and family of the title
  • Logo Width (if Logo is selected above) – Use the slider to adjust size in percentage, PX, or VH.

Tagline

Control Options

  • Text Color – Choose color from the picker, input, or dynamic options
  • Typography – Set the font size and family of the tagline

Menu

Control Options

  • Menu – From the dropdown, select the menu to be displayed. These can be configured from the WP menus 
  • Menu Layout – Select horizontal or dropdown layout
  • Breakpoint – Select the breakpoint at which to show your toggle menu
  • Color – Choose color from the picker, input, or dynamic options
  • Toggle Color – Choose color from the picker, input, or dynamic options
  • Typography – Set the font size and family of the menu

Site Footer Customization

Footer

Control Options

  • Site Logo – Toggle this to show/hide your logo or title
  • Tagline – Toggle this to show / hide your tagline
  • Menu – Toggle this to show / hide your menu
  • Copyright – Toggle to show / hide the copyright text in footer
  • Layout – Choose between Default, Inverted, or Centered
  • Width – Choose full width, or boxed
  • Gap – Set the margin gaps of your header here in percentage or px
  • Background Type – Choose classic or gradient options
  • Color – Set the background color(s) using the color picker
  • Image – (if Classic is selected above) Choose an image to display from your media library or upload. Once this is completed, you may choose from the standard image controls for position, attachment, repeat, and size options

Site Logo

Control Options

  • Type – From the dropdown menu, select between title and logo options
  • Text Color – (if Text is selected above) Choose color from the picker, input, or dynamic options
  • Typography – (if Text is selected above) Set the font size and family of the title
  • Logo Width (if Logo is selected above) – Use the slider to adjust size in percentage, PX, or VH.

Tagline

Control Options

  • Text Color – Choose color from the picker, input, or dynamic options
  • Typography – Set the font size and family of the tagline

Menu

Control Options

  • Menu – From the dropdown, select the menu to be displayed. These can be configured from the WP menus 
  • Menu Layout – Select horizontal or dropdown layout
  • Breakpoint – Select the breakpoint at which to show your toggle menu
  • Color – Choose color from the picker, input, or dynamic options
  • Toggle Color – Choose color from the picker, input, or dynamic options
  • Typography – Set the font size and family of the menu

Copyright

Control Options

  • Textarea – Input your copyright text in this field using plain text, HTML, or dynamic options
  • Text Color – Choose color from the picker, input, or dynamic options
  • Typography – Set the font size and family of the copyright

Note: In some cases, the page may need to be refreshed in order to see the changes you have applied. 

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email
Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before