# NAVBar menu update

**URL:** <https://forum.pinegrow.com/t/navbar-menu-update/3446>\
**Category:** Beginners\
**Created:** [October 18, 2019, 10:33am UTC](https://forum.pinegrow.com/t/navbar-menu-update/3446 "2019-10-18T10:33:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![deejuk](https://avatars.discourse-cdn.com/v4/letter/d/a5b964/32.png) [@deejuk](https://forum.pinegrow.com/u/deejuk)\
**Post date:** [October 18, 2019, 10:33am UTC](https://forum.pinegrow.com/t/navbar-menu-update/3446/1 "2019-10-18T10:33:30Z")

</div>

Hi I am brand new to this and not used HTML editors since the days of GoLive, been using Wordpress for years now. I have inherited a bootstrap website from another designer.

What I want to know is this. I have elements like the Navbar that runs across all 20 or so pages and of course a footer. These are all the same with the same links. How in Pinegrow do I make changes to all instances of the navbar and it gets copied across all pages.

Hope that makes sense. Currently I see the nav bar on all pages but if I edit it on one page it doesn’t change on another.

Hope someone can help

---

<div class="post-metadata">

**Author:** ![deejuk](https://avatars.discourse-cdn.com/v4/letter/d/a5b964/32.png) [@deejuk](https://forum.pinegrow.com/u/deejuk)\
**Post date:** [October 18, 2019, 12:30pm UTC](https://forum.pinegrow.com/t/navbar-menu-update/3446/2 "2019-10-18T12:30:29Z")

</div>

Answered my own question - use [components](http://docsbeta.pinegrow.com/components/)

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [October 18, 2019, 4:33pm UTC](https://forum.pinegrow.com/t/navbar-menu-update/3446/3 "2019-10-18T16:33:13Z")

</div>

you can also set a master page with editable / optional areas that will propogate thru the website when you update the master.

---

<div class="post-metadata">

**Author:** ![dcneuts](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/dcneuts/32/1173_2.png) [@dcneuts](https://forum.pinegrow.com/u/dcneuts)\
**Post date:** [October 19, 2019, 6:48pm UTC](https://forum.pinegrow.com/t/navbar-menu-update/3446/4 "2019-10-19T18:48:51Z")

</div>

I would also concur with using Master pages, setting your editable area, and allowing PG to export your header/footer template parts for inclusion in your theme. That’s the easiest way to handle it, and if you have navigation changes on certain pages for special reasons, you can exclude that page from the original master page and make it a new master page, as PG will create another set of template parts for that, also.

It’s flexible, yet tricky, it takes time to learn these things.

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [October 20, 2019, 2:18am UTC](https://forum.pinegrow.com/t/navbar-menu-update/3446/5 "2019-10-20T02:18:27Z")

</div>

> [@dcneuts](#):
>
> It’s flexible, yet tricky

just been playing around with it, and yeah… tricky.

“optional” will let you edit the items you have set, but it won’t update those items back to the master version unless you DELETE the item first.

i guess that’s good so you don’t accidentally “refresh” something you have made changes to, but it’s kind of a pain when you are still working on the project and just need to propagate a change without worrying about what get’s wiped in the process.

there needs to be full primer on all these features and how they inter-react… just walking thru the one or two tutorials is not enough to capture it all.