The menu on the desktop may appear like the mobile version, and you might not know what the issue is. To fix this problem, follow the solutions below:

Disable all third-party plugins and check that WordPress, the Xtra theme, and the Codevz Plus plugin are up to date

 

In the next step go to the:

Theme Options > General > Layoutand make sure responsive is disable.

Clear your browser cache completely and test to see if the issue is resolved.

If the issue is not resolved, contact the theme support team

You can select different locations in the Xtra WordPress Theme for displaying menus.

1. The primary: display location for showing the menu is in the header for both desktop and mobile, and it has a default mode in the theme.
2. One Page: For displaying the menu on single pages such as landing pages, etc.
3. Secondary: You can create a custom menu and choose it for display on specific pages or posts.
4. Footer: For displaying the menu in the footer of the site.
5. Mobile: Display the menu in the mobile menu header.
6. Custom Modes: If you intend to create a menu that does not appear in any of the locations mentioned above and, for example, is displayed using the menu element on a page or post, you can use this mode.

In the next step, the process of adding a menu to the header and footer is explained.
Follow these steps to add a menu to the Header:

Go to:

Theme Options > Header > Header top bar/Header/Header bottom bar > Add Menu Element > Choose the Menu

Follow these steps to add a menu to the Footer:

Go to:

Theme Options > Footer > Footer Top Bar > Add Menu Element > Choose the Menu