navigation – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Tue, 03 Sep 2024 09:33:48 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Theme Options: Menus https://xtratheme.com/docs/theme-options/theme-options-menus/ https://xtratheme.com/docs/theme-options/theme-options-menus/#respond Sun, 30 Jun 2024 07:59:35 +0000 https://xtratheme.com/docs/?p=2085

Description and Screenshot

Step 1
XTRA

WordPress Menus options

Under Theme Options > Menus you can find and customize your website menus and menu items, add or remove menu items.

  1. Created Menus – Here you can see your site created menus panel.
  2. Create New Menu – By clicking on this button you can create new empty menu.
  3. View All Locations – You can view and change all available menus location.
  4. Menu Name – Insert your custom menu name for use in elements.
  5. Add items – Reorder or add new menu item to current menu.
  6. Menu Location – Set current menu location to one of available menu locations.
Theme options menus
Theme options menus 2
Tips

You may want to know …

  • Other way – Also from Appearance > Menus you can find and customize your menus and menu items, add or remove items, etc.

  • How add Menu in header? Go to Theme Options > Header > Header or other rows, then add new elements in left, center or right place and choose Menu element.
]]>
https://xtratheme.com/docs/theme-options/theme-options-menus/feed/ 0
How to Change Menu Color and Styling on Your Website? https://xtratheme.com/docs/how-to/how-to-change-menu-color-and-styling-on-your-website/ https://xtratheme.com/docs/how-to/how-to-change-menu-color-and-styling-on-your-website/#respond Wed, 19 Jun 2024 09:06:35 +0000 https://xtratheme.com/docs/?p=3042

Navigation Menu

Step 1
Step01

Go to Theme Options

If you move the mouse cursor over the menu you can see the gear icon will appear left top of menu, you can click on it and directly navigate to this element settings in the header.

Menu color 1

You can see the settings of Menu element below:

Menu color 2

Scroll down the left panel to find the Menu Styling section.

Click on Menu Stylekit to open the modal styling box, you can find all styling you need inside the Stylekit.

Menu color 3

For changing the menu’s Hover color & styles click on hover on top of Stylekit modal.

Menu color 4
Step02

Menu Shape

For changing the menu shape styles and effects, click on Shape Stylekit on the left panel to open the Stylekit modal.

Menu shape
Step03

Drop Down Menu

For changing the menu Drop down styles and colors, you can use Dropdown Stylekit for whole dropdown and Inner Menus Stylekit for each menu items.

Menu drop down
]]>
https://xtratheme.com/docs/how-to/how-to-change-menu-color-and-styling-on-your-website/feed/ 0