unique sub-menu for one page

Hi there,

if the menu and submenu is not restricted. ie. any user can see it, then add it to your current Menu, give that menu item a CSS Class ( this field is available if you click Screen Options and check that box ) of dynamic-menu

Then you can use some CSS to hide it on all pages except for the one you want:

body:not(.page-id-XXXX) .dynamic-menu {
    display: none;
}

Just edit the .page-id-XXXX for the page it needs to be displayed on.

Ahhh, yes! Thank you!
Also, I was prompted to get rid of a white space under my nav-bar by putting the top 3 items within a header that I created in the Elements app. However, the white space is just moving down the page. Here you can see it is now under the content and above the footer widgets:
http://www.montaukcommunitychurch.org/welcome/

Thats the Content area of the page, are you not intending to add any content to the page itself?

The 3 roundeds that you see is in the "contents." I colored the background so you could see the space. I cannot figure out how to get rid of the space.
Thanks!
-Janette

http://www.montaukcommunitychurch.org/welcome/

So you don't want any contents on that the home page?

If so try this CSS:

.home .site-content {
    display: none;
}

Let me know :)

I definitely don't want Google to spider that code... Oh well. I have content in the content area. It is the 3 blue rounded rectangles of information. I see this space as a margin coming from somewhere but cannot find the origin. It moves down the page as I add the page portions to the header created in Elements. Is Elements adding a bottom margin for the header? Can I remove the header bottom margin?

Just to confirm, you're wanting to remove the space on the top/bottom of these boxes?: https://www.screencast.com/t/MiQ2UzzZqq