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 Add a Hamburger Menu to a Desktop Header?

Home Latest Posts How to

Description and Screenshot

Step 1
Xtra

Add a Hamburger Menu to the Desktop Header

Follow these steps to add a hamburger menu to the desktop header:

Theme Options > Header > Select a Header > Add Menu Element > Select Offcanvas right or left.

He hum

How to

codeshamburgermenu

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousHow to fix Codevz plus plugin is not installed?

  • NextHow to Fix the ‘My License Not Working’ Issue?

Related Posts ...

Placeholder

Low-Opacity Hover Effect for Navigation Menus

Theme Options
Placeholder

Overlay Effect for Dropdown and Shopping Cart

Theme Options
Placeholder

How to setup Hover Effects for Menu Navigation?

Theme Options
Placeholder

How to Fix Desktop Menu Displaying as Mobile Menu ?

How to
Placeholder

How to Change the Menu Display Location?

How to
Placeholder

How to Change the Color of a Single Menu Item: A Step-by-Step Guide?

How to

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

How to Backup Your WordPress Theme and Plugins Before Updating?

20 August 2024

How to Install a Child Theme: A Step-by-Step Guide?

27 June 2024

How to Fix a Corrupted functions.php Error File in Your WordPress Theme?

24 September 2024

How to Fix an Internal Server Error?

14 June 2024

How to Create Custom Header and Footer Templates Using Elementor?

27 August 2024

How to Delete Imported Demo Content: A Step-by-Step Guide?

28 August 2024

How to Enable or Disable the WooCommerce Coming Soon Feature for Your Online Store?

15 September 2024

Should You Activate WPBakery or Slider Plugins? What You Need to Know?

13 June 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