Edit WordPress Navigation Menu #
In this tutorial on visualmodo knowledge base we will show how to Create and Custom header menus and header more with our WordPress themes.
Before start the edit of your WordPress navigation menu you need to;
Have a logo uploaded on your site as is show in this tutorial https://visualmodo.com/knowledgebase/add-logo-on-wordpress-sites/
Have some pages already build-in your site (to populate and be used as ‘menu items’) and need to have a WordPress ‘main menu’ already set. To set up a header navigation menu just go to WP > DASHBOARD > APPEARANCE > MENUS < Create a new menu, name it and add some pages on the menu and before save the menu make sure you set it as ‘Main Menu’ as is shown on the attach image below.
How to add or remove icons from navigation menu? #
Navigate to your WordPress dashboard > visualmodo > theme options > header > In this area you will see options for set as ON or OFF in the options for show woocommerce shop cart icon and search icon. You alo can have a side menu icon on the navigation to open another menu, for more information about this icon and it’s usage please see this tutorial https://visualmodo.com/docs/side-navigation-menu/
How to set a full-width navigation menu? #
Navigate to your WordPress dashboard > visualmodo > theme options > header > style < and select the option on ‘Boxed or Stretched Style*’.
In this area also you also can change your menu size and the menu hover and active men items colors by selecting the ‘Link Color Style’ for ‘background link’.
How to change navigation menu colors? #
Navigate to your WordPress dashboard > visualmodo > theme options > colors > Header < and you will see the options to set up your header colors, you also can set more colors on: theme options > colors > select ‘custom color’ on ‘color mode’.
How to change navigation menu fonts? #
Navigate to your WordPress dashboard > visualmodo > theme options > colors > Typography < and you will see the options to set up your header fonts in aspect you want for your site like sizes, style, height, spacing, fonts and much more. Please make sure you set the first options as ON in ‘enable custom fonts’ before anything.
How to keep header menu fixed while page scrolling-down? #
Navigate to your WordPress dashboard > visualmodo > theme options > and set as ON in ‘Fixed Navigation’ option. To finish just click on ‘Save Changes’ button and all done.
Edit WordPress Navigation Menu – Visualmodo