ggoodno

Thank for your reply @tuanphan!

I want to hide the exact same ones from the burger that I have listed above. In this case, it would be the odd numbered links - 1, 3, 5, 7, 9, 11

George

Our Team, For Physicians, and Get Answers.

Thank you!!! 

@tuanphan any help you can offer will be so appreciated. I am driving myself nuts trying to get this.

Thanks.

Site URL: https://www.covidlonghaulers.com/

I have a need to hide certain items from the mobile hamburger menu, as I have done in the desktop view. However the code to hide from desktop doesn't currently translate to mobile.  Could you help me fix this? I'm using 7.1.

The pages that need to be hidden are currently turned off but will be turned online soon. Here's the website:  https://www.covidlonghaulers.com/

Heres' the code I'm using to turn off some links in the desktop:
 

<style>
  .header-nav-item:nth-child( 1 ) {
      display : none;
        }
  .header-nav-item:nth-child( 3 ) {
      display : none;
        }
  .header-nav-item:nth-child( 5 ) {
      display : none;
        }
  .header-nav-item:nth-child( 7 ) {
      display : none;
        }
  .header-nav-item:nth-child( 9 ) {
      display : none;
        }
  .header-nav-item:nth-child( 11 ) {
      display : none;
        }

   
  </style>

Thank you!

ThanksI have a need to hide certain items from the mobile hamburger menu, as I hide them from the desktop view. However the code to hide from desktop doesn't currently translate to mobile.  Could you help me fix this? I'm using 7.1.

The pages that need to be hidden are currently turned off but will be turned online soon. Here's the website:  https://www.covidlonghaulers.com/

Heres' the code I'm using to turn off some links in the desktop:
 

<style>
  .header-nav-item:nth-child( 1 ) {
      display : none;
        }
  .header-nav-item:nth-child( 3 ) {
      display : none;
        }
  .header-nav-item:nth-child( 5 ) {
      display : none;
        }
  .header-nav-item:nth-child( 7 ) {
      display : none;
        }
  .header-nav-item:nth-child( 9 ) {
      display : none;
        }
  .header-nav-item:nth-child( 11 ) {
      display : none;
        }

   
  </style>

Thank you!

Thank you @bangank36- that did not work. I think i need to customize each page's header code injection. 

I am using 7.1 Commerce plan. 

Your help is appreciated!

I will customize the code for each page to hide the appropriate links.

Thank you @bangank36. As you can see in the drop down image below, I will have two versions of the same page accessible depending upon the user being in North America or not. Therefore, I will want to hide the second version of each identical link below. 

Thank you.

Thank you @tuanphan. As you can see in the drop down image below, I will have two versions of the same page accessible depending upon the user being in North America or not. Therefore, I will want to hide the second version of each identical link below. 

Thank you.

Site URL: https://www.covidlonghaulers.com/

Hello!
I have a need to hide certain menu links on different pages. I used the following code to achieve that on the desktop site. Everything works great! Though I also need to code the mobile page's hamburger to react the same way. My current workaround it to remove the hamburger and display the links. It's functional, but not good for style or functionality.

I had hoped some form of this script would work -  
But unfortunately, it does absolutely nothing. What am I doing wrong? Below is the code that works for the desktop - and the mobile w/o out the hamburger.

<style>

  .header-nav-item:nth-child( 2 ) {
      display : none;
        }
  .header-nav-item:nth-child( 4 ) {
      display : none;
        }
  .header-nav-item:nth-child( 6 ) {
      display : none;
        }
  .header-nav-item:nth-child( 8 ) {
      display : none;
        }
  .header-nav-item:nth-child( 10 ) {
      display : none;
        }
  .header-nav-item:nth-child( 12 ) {
      display : none;
        }
  </style

@tuanphan and @CoveLE did you ever get an answer about hiding elements on the mobile menu? I sure could use that guidance.

thank you!

George

Thank you for the reply. Unfortunately that did not work. 
I also tried putting the full address into the  Link Editor (https://www.covidlonghaulers.com/north-america/home) - as opposed to the stub (/north-america/home)

thank you - but I took it down b/c it wasn't working. Here's a hidden page with the pop up enabled:
https://www.covidlonghaulers.com/north-america/home

Thank you so much for your help!

Site URL: https://www.covidlonghaulers.com/home

Hello! Simple question in search of (I hope) a simple fix.
I have a marketing pop up that I want to deploy on the homepage that asks visitors to choose if they are in the North America or Rest of the World b/c functionality and retail options will be different in North America. When I turn it on, it pops up on the homepage as it should.

Great so far.

If I select North America, the user gets directed to a slightly different version of the homepage - as it should.

Still great news.

If I select Rest of the World, I'll stay on the primary homepage but the pop-up keeps coming back in a loop. The only way to get out of it is to hit the X in the upper right.

Why won't the pop up go away after I make the Rest of the World selection? How do I fix this?

Thank you!

creedo, is it possible to do this same thing with folders? Thanks!

I added <style> </style> to it and it works! That may have been obvious to you. 😉
Now there is an clear spacing issue where the link is hidden. I'm sure that can be fixed too.

<style> .tweak-global-animations-animation-type-flex .header-nav-item:not( .header-nav-item--folder ) [href="/collaborate"] {
  
  display : none;
  
  }</style>

THANK YOU!

Thanks for the guidance. The For Physicians tab links to this page. https://www.covidlonghaulers.com/collaborate

That's why I used /collaborate.

Should I use something else?

Thanks

Site URL: https://www.covidlonghaulers.com/

I am expanding a website to have specific differences based on the users location. Based on selecting "North America" or "Somewhere Else" on a marketing popup, I will provide different resources. Therefore, I want to hide different navigation links on different pages. 

I am using 7.1 Commerce plan and tried injecting the following code in to page headers, but nothing is happening:

What am I doing wrong?

Thank you!