Description and Screenshot
Step 1
XTRA![theme-options-mobile-header](data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width='800'%20height='829'%20viewBox%3D'0%200%20800%20829'%2F%3E)
![theme-options-mobile-header-2](data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width='800'%20height='997'%20viewBox%3D'0%200%20800%20997'%2F%3E)
Mobile Header settings
Under Theme Options > Header > Mobile Header you can find mobile header elements, settings and StyleKits.
- Sticky mode – Enable/disable sticky mode for mobile header
- Content Before Header – Create custom page and assign its content before header
- Content After Header – Create custom page and assign its content after header
- Add Elements – Add or remove new custom elements for mobile header
- Menu StyleKits – You can customize menu styling for mobile header
- Mobile Menu Social – Enable/disable mobile OffCanvas menu social icons
- Mobile Menu Text – Add custom text below social icons in mobile OffCanvas menu
- Additional StyleKits – Customize social icons and text in mobile OffCanvas menu
![theme-options-mobile-header](https://xtratheme.com/docs/wp-content/uploads/sites/112/2021/01/theme-options-mobile-header.jpg)
![theme-options-mobile-header-2](https://xtratheme.com/docs/wp-content/uploads/sites/112/2021/01/theme-options-mobile-header-2.jpg)
Tips
You may want to know …
- Mobile Menu – You can create custom menu from Appearance > Menus and assign its location to mobile, then in mobile header elements you can set location to mobile menu.
- Content Before/After – From Dashboard > Pages you can create a custom page and then in mobile header setting select it before or after header and theme will show that page content in mobile only.
No comment