Here, we want to show how to resize the logo in the mobile header and adjust the margin from all sides.

1. Go to the Theme Options > Header.
2. Go to the Mobile Header where the logo is located.
3. Change the size in this field.
4. Adjust the margins here.

Here, we want to show how to resize the logo in the header and adjust the margin from all sides.

1. Go to Theme Options > Header.
2. Select a header where the logo is located.
3. Change the size in this field.
4. Adjust the margins here.

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

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.

• The way to choose a customized template for the footer is shown in the image below.

• 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.

The activation of the search box is from the following path:
Theme Options > Header > Header > Search Element > Ajax search > Turn on.

1. Go to Dashboard > All Pages/Posts/Portfolio > Edit
2. Go to Page Settings > Header Settings
3. Open StyleKit of Header
4. Reduce Opacity of Background to 0.1

In XTRA theme each header has Row StyleKit for set width to 100% with padding.

Under Theme Options > Header > Header > Row Styling > Container > Turn on StyleKit advanced mode to see the width field.

• Padding – With the help of the padding option, you can adjust the distance from the surroundings.

Under Theme Options > Header > Sticky Header you can enable or disable header sticky and or create a custom sticky header with new elements.

1. Sticky Type – Choose sticky type of header rows or select custom sticky
2. Smart Sticky? – Hide sticky header by scroll down and will show it by scroll up
3. StyleKits – Customize current header stickies container and row
4. Add elements – Custom sticky mode you can add elements in left, center and right

• Sticky multiple headers – In sticky mode you can enable sticky on multiple header rows, for example you can enable sticky on header 1 and 2 or header 1 and 3, there is no limitation and you can also make all header rows sticky.
  
  
• Custom Sticky – In custom sticky mode you can add totally new elements in header and it will show after you scroll down page.

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.

• 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.

In the following example you can see how to add content or PHP codes after mobile and tablet header.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before mobile and tablet header.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes after header bottom bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before header bottom bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes after main header.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before main header.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes after header top bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before header top bar.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes after header.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the following example you can see how to add content or PHP codes before header.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.