main header – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sat, 05 Oct 2024 09:59:31 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Add Custom Content to the Header in Xtra WordPress Theme: A Step-by-Step Guide? https://xtratheme.com/docs/how-to/how-to-add-custom-content-to-the-header-in-xtra-wordpress-theme-a-step-by-step-guide/ https://xtratheme.com/docs/how-to/how-to-add-custom-content-to-the-header-in-xtra-wordpress-theme-a-step-by-step-guide/#respond Sun, 01 Sep 2024 08:58:59 +0000 https://xtratheme.com/docs/?p=3871

Description and Screenshot

Step 1
XTRA

Adding an element to Header

To add elements to the header in our WordPress theme, you can follow these steps.
our WordPress theme is highly customizable and provides several options for modifying the header through its Theme Options panel.


Go to Theme Options > Header > Header > Add Left/Center/Right > Choose Custome Page


Add to header22
]]>
https://xtratheme.com/docs/how-to/how-to-add-custom-content-to-the-header-in-xtra-wordpress-theme-a-step-by-step-guide/feed/ 0
How to Create Custom Header and Footer Templates Using Elementor? https://xtratheme.com/docs/how-to/how-to-create-custom-header-and-footer-templates-using-elementor/ https://xtratheme.com/docs/how-to/how-to-create-custom-header-and-footer-templates-using-elementor/#respond Tue, 27 Aug 2024 07:53:56 +0000 https://xtratheme.com/docs/?p=3695

Description and Screenshot

Step 1
XTRA

Create custom template for Header and Footer using Elementor

With the help of saved templates in Elementor, you can create a customized header or footer and adjust the Theme Options to be displayed on the site.



  1. Go to Dashboard > Templates > Saved Templates
  2. Add New Template
  3. Choose Template Type on Section then Write a name for this
  4. Design section with help of Xtra Theme Elements and save it
  5. Go to Theme Options > Header > Custom Header Template > Select header > Choose that section that desigened before.

 

For Header path is : Theme Options > Header > Custom Header Template > Select a page or saved templated.

For Footer path is : Theme Options > Footer > Custom Footer Template > Select a page or saved templated.

Sv1
Sv2
Save3
Sv4
Sav5
Tips

You may want to know …

  • The way to choose a customized template for the footer is shown in the image below.
Footer
  • You can also design a customized saved templated Header/Footer separate from the desktop for tablets and mobiles and select it from the Theme Options > Header/Footer > Custom Header/Footer Template > Tablet & mobile.
    So that a header is displayed separately from the desktop on tablets and mobiles.
]]>
https://xtratheme.com/docs/how-to/how-to-create-custom-header-and-footer-templates-using-elementor/feed/ 0
Theme Optons: Header https://xtratheme.com/docs/theme-options/theme-optons-header/ https://xtratheme.com/docs/theme-options/theme-optons-header/#respond Tue, 25 Jun 2024 09:35:40 +0000 https://xtratheme.com/docs/?p=1834

Description and Screenshot

Step 1
XTRA

Header, Top bar and Bottom bar settings

In XTRA theme there is three header rows, Header top bar, Header main and Header bottom bar. All settings and StyleKits for three rows are same, Bellow we explained Header options and StyleKits.

Under Theme Options > Header > Header you can find and add elements for header row and customize header styling.

  1. Left – Add the element to the left of the header
  2. Center – Add the element to the center of the header
  3. Right – Add the element to the right of the header
  4. Styling – Customize container, row or columns of header
  5. Menu Styling – Customize header menu styling, colors, sizes, etc.
Theme options header
Theme options header 2
Tips

You may want to know …

  • Elements – Header have over 12+ premium elements and there is no limitation on settings and StyleKits.

  • Menus Styling – This StyleKits only affects on this row and not other rows, it means you can have different menu styling on different header or footer rows.

  • Header More Settings – From Theme Options > Header > More you can customize overall Header Styling and also enable/disable extra header panel feature.
Theme options header more settings
]]>
https://xtratheme.com/docs/theme-options/theme-optons-header/feed/ 0