Adding New Pages to the Navigation Bar
tedulif
New
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.
0
Comments
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
The newer way
https://success.vanillaforums.com/kb/articles/142-customizing-title-bar-navigation-menu-links
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?
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.
I have not worked with the newer way of theming.
Don't forget to clear your cache folder when making changes
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?...
Vanillas cache
https://success.vanillaforums.com/kb/articles/239-general-development-troubleshooting
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
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.
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
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.
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.
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: