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 titleTagline – Toggle this to show / hide your taglineMenu – Toggle this to show / hide your menuLayout – Choose between Default, Inverted, or CenteredWidth – Choose full width, or boxedGap – Set the margin gaps of your header here in percentage or pxBackground Type – Choose classic or gradient optionsColor – Set the background color(s) using the color pickerImage – 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 optionsText Color – (if Text is selected above) Choose the color from the picker, input, or dynamic optionsTypography – (if Text is selected above) Set the font size and family of the titleLogo 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 optionsTypography – 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 layoutBreakpoint – Select the breakpoint at which to show your toggle menuColor – Choose color from the picker, input, or dynamic optionsToggle Color – Choose color from the picker, input, or dynamic optionsTypography – 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 titleTagline – Toggle this to show / hide your taglineMenu – Toggle this to show / hide your menuCopyright – Toggle to show / hide the copyright text in footerLayout – Choose between Default, Inverted, or CenteredWidth – Choose full width, or boxedGap – Set the margin gaps of your header here in percentage or pxBackground Type – Choose classic or gradient optionsColor – Set the background color(s) using the color pickerImage – (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 optionsText Color – (if Text is selected above) Choose color from the picker, input, or dynamic optionsTypography – (if Text is selected above) Set the font size and family of the titleLogo 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 optionsTypography – 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 layoutBreakpoint – Select the breakpoint at which to show your toggle menuColor – Choose color from the picker, input, or dynamic optionsToggle Color – Choose color from the picker, input, or dynamic optionsTypography – 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 optionsText Color – Choose color from the picker, input, or dynamic optionsTypography – 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.