Different navigation on a page of my website

Hi. On two pages of my site: 

https://www.sheto.org/summit and https://www.sheto.org/sheto-store/p/summit2023, I'd like to have navigation that's different from the rest of the site. In going through other articles, I have managed to hide my navigation. But, the "Join Us" button in the navigation is still present which I don't want.

The nav that I want to add is:

Logo, Speakers, Venue, Agenda and a button "Register" 

"Speakers", "Venue" and "Agenda" will be anchor links to the same page eg "Venue" would go to Venue section of this page: https://www.sheto.org/summit

I am not adding simple anchor links at the top as I need this to display as a hamburger menu on mobile. 

I would appreciate any help that you can provide. Thanks!

@tuanphan can you please help!

To hide button on one page, just add this code to Page Header

<style>
  header#header a.btn {
  	display: none !important;
  }
</style>

@tuanphan thank you. This worked perfectly to hide the Join Us button. Could you also please help with the second issue ie:

Quote

The nav that I want to add is:

Logo, Speakers, Venue, Agenda and a button "Register" 

"Speakers", "Venue" and "Agenda" will be anchor links to the same page eg "Venue" would go to Venue section of this page: https://www.sheto.org/summit

I am not adding simple anchor links at the top as I need this to display as a hamburger menu on mobile. 

15 hours ago, NidhiG said:

@tuanphan thank you. This worked perfectly to hide the Join Us button. Could you also please help with the second issue ie:

 

 

You can also add anchor links to navigation, then we can use code to hide them on other pages, show on landing page only

On 7/6/2023 at 1:54 AM, tuanphan said:

You can also add anchor links to navigation, then we can use code to hide them on other pages, show on landing page only

@tuanphan I have added anchor links to the page: https://www.sheto.org/summit. My anchor links are "Speakers", "Agenda" and "Partners". I would like for these links to show as navigation ONLY on the summit page, not anywhere else on the site. Additionally, I would like to add a button to the right end of this nav called "Register" - again on the Summit page only.

I have not added these anchor links to my main nav as this is a live site, so I cannot have these anchors floating in my main nav.

FYI currently, I am hiding my entire main nav on Summit page by using this code:

<style>
  .header-nav, .burger-box {
    visibility: hidden;
}
  header#header a.btn {
      display: none !important;
</style>

Thank you for your help!

On 7/18/2023 at 5:03 AM, NidhiG said:

@tuanphan I have added anchor links to the page: https://www.sheto.org/summit. My anchor links are "Speakers", "Agenda" and "Partners". I would like for these links to show as navigation ONLY on the summit page, not anywhere else on the site. Additionally, I would like to add a button to the right end of this nav called "Register" - again on the Summit page only.

I have not added these anchor links to my main nav as this is a live site, so I cannot have these anchors floating in my main nav.

 

FYI currently, I am hiding my entire main nav on Summit page by using this code:

<style>
  .header-nav, .burger-box {
    visibility: hidden;
}
  header#header a.btn {
      display: none !important;
</style>

 

Thank you for your help!

You can add 3 items before Accelerators Item, then add this code to Design > Custom CSS

/* Hide item first second third items from navigation on other pages */
body:not(#collection-649370641e7eb65520899b39) {
div.header-nav-item:nth-child(-n+3) {
    display: none;
}
[data-folder="root"]>div>div:nth-child(-n+3) {
	display: none;
}}

@tuanphanthank you so very much. I did what you suggested:

1. To my nav I added three Links: Speakers, Agenda and Buy Tickets

2. To my Custom CSS, I added the code above and hid these nav items for all other pages except for the Summit page

3. On the Summit page, using code injection, I hid the rest of the nav items both on desktop and mobile. 

4. The only piece left now is: On https://www.sheto.org/summit I would like to hide "Join Us" button and instead replace it with a "Buy Tickets" button. I have not been able to figure out how to do this.

Can you please help! Truly appreciate all of your help. 

BRILLIANT!!! Thank you so very much, @tuanphan You are just awesome!