ProStyler Revelation Members Area


Click Navigation

Enter a Title For Your Element. This will allow you to find items on your page later quickly.

This section allows you to pick were you want your menu to be shown…

From here you can choose were you want your menu to be located. You can also create a new location if you want more than one navigation menu on a page or want different menus on different pages.

So we first select the location we want to use.The Main Menu, Footer Menu or Create new location.Then we navigate in the wordpress admin in a new tab to Appearance > Menus

Then with the menu we want to use we simply select a location. If we created a custom location it will show here as well. so you can create as menu menus as you want then you just simply assign that menu to the locations you create.

Click Styling

Here you can adjust the margin. This is the space around your element.

Select how you would like your menu aligned.

Left, Center or Right

Select the size of your menu

Full width will keep your menu contained in the middle but stretch the edges the full width of the page.Fluid stretch will stretch your entire menu the full width of the page.Container width will keep your menu in the column you place it in.

Select the background color here for your menu using the color picker.

If you want the background to be see through adjust the opacity if you set it to 0 it will have no background color.You can also do the same with the dropdown background.

Use the color picker to select the text color for your menu items.

Use this color picker to select the color you would like the current menu item to be so if the visitor is on the about us page the about us menu item will use this color.

Use this to select what color you would like your current menu items background color to be. It also acts as the hover background color.

This allows you to round the corners of your navigation bar the higher the px amount the more roundness it will have.

Here you can either use the default font that you set up in ProStyler Theme Options > Typography.

Or a custom font that only the navigation menu will use.

Simply select your type a standard font or a font from Googles font library.

You can also enter a custom font size and style, bold, italic, normal.

The stick navigation to top when scrolling toggle allows you to choose whether the navigation menu will follow the user as they scroll down the page or not.

You can also add space if you wish e.g 10px will leave 10 pixel gap between the top of the website viewing window and the scrolling menu.

Here you can select a animation effect.

Just pick one you like from the dropdown box.

Click SAVE


Then view your page to see your newly crafted navigation menu.You may need to create a menu…

So once you preview your menu if you have not yet created a menu this will show so click the “click to add a menu to this location” item

Enter a name for your menu here

Then Click Create Menu

You can then select pages you want to display on your navigation menu here…

Once you have picked your pages you want to add click “Add to Menu”

Then select a menu location. If you created a custom location this will also show here.

Click Save Menu

Then view your page to see your navigation menu with its new menu items added.

That’s it. You’re done.

Copyright © 2017 Pro Styler Theme