PWA
Install XTRA Theme PWA

Install our website's web application on your home screen for quick and easy access every time your are on the go.

Just tap Share then 'Add to home screen'Just tap Share then 'Add to home screen'
XTRA Tutorials
 
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer
Buy Theme
Changelog
XTRA WordPress Theme TutorialsYou arrived at the right place, How we can help you?
XTRA Tutorials
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer

How to Set Your Header to Full Width: A Step-by-Step Guide?

Home Latest Posts Theme Options

Description and Screenshot

Step 1
XTRA

Header Full Width

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.

Header row
Tips

You may want to know …

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

Theme Options

headersettings

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousHow to Change WooCommerce Product Sorting?

  • NextHow to Change Product Columns and Product Count on Your Store

Related Posts ...

Placeholder

How to Change Title Bar ‌Background Image?

How to
Placeholder

How to Fix Cart and Checkout Links Not Working in WooCommerce

How to
Placeholder

How to Easily Change Header Logo Size and Spacing on Mobile Devices?

How to
Placeholder

How to Change Header Logo Size and Spacing?

How to
Placeholder

How to Add Custom Content to the Header in Xtra WordPress Theme: A Step-by-Step Guide?

How to
Placeholder

How to Create Custom Header and Footer Templates Using Elementor?

How to

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

How to Change WooCommerce Product Image Ratio and Sizes: A Complete Guide?

1 September 2024

How to Add Custom FAQ, Size Guide, and Shipping Tabs to WooCommerce Product Pages?

10 August 2024

Will the demo content replace my existing pages and content?

19 September 2024

How to Import an Arabic Demo Website: A Step-by-Step Guide?

11 June 2024

How to Fix a Critical Error Message in WordPress?

10 September 2024

How to Move the Back to Top Icon to the Left: A Step-by-Step Guide?

11 June 2024

How to Add a Fixed WhatsApp Icon to All Website Pages: A Step-by-Step Guide?

19 June 2024

How to Change the Website Logo for Different Languages in WordPress?

24 September 2024
If you can't find your answer on this documentation
Submit a ticketSubmit a ticket
© 2025 XTRA WordPress theme documentation.
FacebookInstagramYoutubeDribbble
This website uses cookies to improve user experience.Accept and close
Buy and Download XTRA Theme Purchase Theme Xtra Theme Documentation Documentation Xtra Theme Videos Tutorials Video Tutorials Xtra Theme Support Center Support center Xtra Theme Showcase Showcase