# Navigation / Menus / SubMenus

**URL:** <https://forum.pinegrow.com/t/navigation-menus-submenus/429>\
**Category:** General\
**Created:** [November 28, 2016, 5:01pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429 "2016-11-28T17:01:02Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [November 28, 2016, 5:01pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/1 "2016-11-28T17:01:02Z")

</div>

Is it possible to add Submenus to Menu items? Is there a tutorial?

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [November 28, 2016, 6:16pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/2 "2016-11-28T18:16:09Z")

</div>

Hi @batman. A bit more context on what/how you are hoping to implement would be helpful, i.e. plain html, Bootstrap, Foundation, Wordpress, etc. Sorry I can’t be of more help.

---

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [November 28, 2016, 7:40pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/3 "2016-11-28T19:40:57Z")

</div>

Actually I want to have one menu that I edit for all pages. This site has over 100 pages and I’d like to edit one menu for all pages. My original post was about making Submenus, meaning the dropdown menu would also have dropdowns and more, but I can not find anything on that anywhere using bootstrap. So I can get by with one level dropdown menus, but I would like to just edit one menu for all pages… if that is even possible.

---

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [November 28, 2016, 7:54pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/4 "2016-11-28T19:54:05Z")

</div>

Bootstrap allows you to have multiple drop down menus but for that you have to read up on how the menus are coded.

Here is an example

> **[HTML Snippets for Twitter Boostrap framework : Bootsnipp.com](https://bootsnipp.com/snippets/kM4Q)**
>
> Awesome Bootstrap HTML CSS JS Snippet on Bootsnipp.com.

---

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [November 28, 2016, 8:06pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/5 "2016-11-28T20:06:31Z")

</div>

Thank you for your reply… but those menus are not mobile friendly, however Mobirise menus are. I think I found a way around that. NOW, can I edit one Menu for multiple pages? Is there a way to save the menu.hrml and only update that one menu and have it update all of the pages?

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [November 28, 2016, 8:10pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/6 "2016-11-28T20:10:04Z")

</div>

@batman have a look at this [http://docs.pinegrow.com/editing/components](http://docs.pinegrow.com/editing/components)

---

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [November 28, 2016, 8:12pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/7 "2016-11-28T20:12:27Z")

</div>

Yes, that looks promising, Thanks:)

---

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [November 28, 2016, 8:48pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/8 "2016-11-28T20:48:55Z")

</div>

Hi Batman - in future don’t use dirty words like Mobirise 😁

Looks like you’re going to solve with help from Rob (Robin)

---

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [November 28, 2016, 9:14pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/9 "2016-11-28T21:14:08Z")

</div>

HAHAHA, gotcha:) I think I have it now, thanks for all the help:)

---

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [December 13, 2016, 12:02am UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/10 "2016-12-13T00:02:30Z")

</div>

Hey I just found this again:) Something I learned is that for that “edit menu for all pages” thing… if you build one page and then copy and rename it for another… it does not keep that link Property. You have to go back and manually change each one, even if it is a code copy paste. But I have an idea and I’m going to go back and recreate the headers and see if it takes.

---

<div class="post-metadata">

**Author:** ![Simmo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/simmo/32/16_2.png) [@Simmo](https://forum.pinegrow.com/u/Simmo)\
**Post date:** [December 13, 2016, 8:55pm UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/11 "2016-12-13T20:55:51Z")

</div>

also check out the docs on Master pages

[http://docs.pinegrow.com/editing/master-pages](http://docs.pinegrow.com/editing/master-pages)

---

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [January 11, 2017, 3:25am UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/12 "2017-01-11T03:25:47Z")

</div>

If you make a complicated page that you want to use for other pages as a template, with a Head and navigation and make that Head a master page, the consequential pages will not maintain that Master Page integrity. Meaning, if you try to make a change to the Navigation on the copied pages, you get a message “The element can’t be changed because it is defined in component Master Menu. Choose “Go to component definition” to edit the component definition.” But if you change the Master Page the changes do not show up in the Copied pages. The only way around this that I see so far is… You select the Head in the Copied page, then go to the Library “LIB” and right click on the Master Head and select Make selected and instance of the Master Page (in my case the Master Menu) Then it will update the copied page with the updated Menu/Navigation, but you still have to do that every time on every page. Am I missing something? I would like to edit one menu/Navigation and have it update all pages. Is that even possible? And now I see under [Components] / [Update the whole project] which does the same thing. That seems to be the way. Tell me if I am on the wrong track.

---

<div class="post-metadata">

**Author:** ![Simmo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/simmo/32/16_2.png) [@Simmo](https://forum.pinegrow.com/u/Simmo)\
**Post date:** [January 11, 2017, 3:53am UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/13 "2017-01-11T03:53:02Z")

</div>

You only go the master page itself to make the change

If you have a site with say 20 pages created from the master page and you have an editable region for the content only (which is set in the master page) and you want to make a site wide change to say the menu then go to the master page only, make the change, click the orange update link which appears beside the components tab - then in the components tab find and click the “update whole project” link and last of all go File\<Save All and your change will be site wide and saved to all child pages - if the master page is set up correctly as per the doc’s

---

<div class="post-metadata">

**Author:** ![batman](https://avatars.discourse-cdn.com/v4/letter/b/9fc29f/32.png) [@batman](https://forum.pinegrow.com/u/batman)\
**Post date:** [January 11, 2017, 5:14am UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/14 "2017-01-11T05:14:26Z")

</div>

I am starting to understand, but only starting:) I appreciate the help it is opening my eyes:) I can see now that Master Pages and Components are basically Templates.

---

<div class="post-metadata">

**Author:** ![Simmo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/simmo/32/16_2.png) [@Simmo](https://forum.pinegrow.com/u/Simmo)\
**Post date:** [January 11, 2017, 5:36am UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/15 "2017-01-11T05:36:27Z")

</div>

If you think of components as controlling only one element of a page and the master page system as controlling all elements of the page it might help you get your head around it a bit easier.

When I use master pages I don’t use components - I personally don’t find the need because I can edit all common elements of a site on the one page.

Glad to help.

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [January 11, 2017, 11:43am UTC](https://forum.pinegrow.com/t/navigation-menus-submenus/429/16 "2017-01-11T11:43:59Z")

</div>

@Simmo good explanation and well summed up.
