Adding New Pages to the Navigation Bar

tedulif

I added some new pages using the Basic pages plugin.

I will like these pages to show in my navigation menu.

Currently, my navigation menu displays only two links: (Categories and Discussions). Is there a way to add new custom pages to the main navigation menu?

Thanks in anticipation.

My site url: https://educativeguides.com/

Screenshot showing the two links in the Navbar.

The new pages to be added to the Top Navigation bar.

I think I might have to modify the Theme file, but I'm not sure how to go about it.

I will appreciate any help.

Kaspar

I am a little rusty on this

About here

https://github.com/vanilla/vanilla/blob/72ff658dee9af51d1a2ab392c118463e63419100/addons/themes/keystone/views/default.master.tpl#L43

Href should be possible

More info

https://open.vanillaforums.com/discussion/36322/what-is-the-right-way-to-create-a-new-custom-link-in-the-header-using-smarty-function

https://open.vanillaforums.com/discussion/27093/how-to-create-custom-dropdown-menu-in-main-nav

Kaspar

The newer way

https://success.vanillaforums.com/kb/articles/142-customizing-title-bar-navigation-menu-links

tedulif

Thanks @Kaspar. I'm trying to follow 'the newer way", and right inside my site folder: "educativeguides.com/addons/themes/theme-foundation/assets/variables.neon"

However, I observed that the whole variables.neon content is commented out using '#' as shown below.

The desired <navigation> section is also commented out as shown below:

How does any change made here translate to the desired outcome on the site since every line is preceded by a comment symbol?

tedulif

Following the direction in this link https://success.vanillaforums.com/kb/articles/142-customizing-title-bar-navigation-menu-links,

I created a new variables.json file in my educativeguides.com/addons/themes/theme-foundation/assets directory, and added a link to my About Page available at "https://educativeguides.com/whitepaper" as shown below:

However, the change is not being updated in my Navigation bar yet.

PS: I also modified the addon.json file in the foundation theme file as below:

Thanks in anticipation.

Kaspar

I have not worked with the newer way of theming.

Don't forget to clear your cache folder when making changes

tedulif

Thanks @Kaspar for your help.

Did you mean clearing my browser cache?

Or does vanilla has a cache folder that must be cleared after making changes?...

Kaspar

Vanillas cache

https://success.vanillaforums.com/kb/articles/239-general-development-troubleshooting

R_J

You would have to recompile the theme to make changes in those files active.

The simplest solution would be to change the default.layout.tpl

Sophia

The more simply way is to use the "Add Menu Item" plugin.

It allow 5 links on the non-mobile device, and 3 links on the mobile device.

R_J

This plugin relies on the custom_menu Smarty tag in the default.master.tpl

I think the newer themes do not include that tag any more, so that you would have to insert the tag manually if you want to use that plugin and face problems

tedulif

https://open.vanillaforums.com/discussion/comment/264279#Comment_264279

Hi, @Kaspar. Thanks for your help.

It turns out that the settings worked. I think it was not displaying when I did it at first because of the cache issue.

It works fine now without clearing the cache. Thanks once more.

tedulif

https://open.vanillaforums.com/discussion/comment/264294#Comment_264294

Hi @Sophia, I installed the plugin. However, I won't be using it since the previous solution I implemented now works fine.

Thanks so much for sharing.

Sophia

https://open.vanillaforums.com/discussion/comment/264295#Comment_264295

I use the the plugin Add Menu Item. Is easy to set it up and it work properly also using the Boilerplate theme as you can see here below: