Hide Pages within Members Area/Site

I'm looking for code to hide pages within a Membership Area. I tried the following code as header injection, but it broke the formatting of the header and other fonts throughout the site.  Please advise. 

<style>

/* hide page from member area navigation on desktop */

.header-nav-item--folder [href="/skill-swap-form"] {

   display: none !important;

  }

/* hide page from member area navigation on mobile */

@media (max-width: 640px) { /* or any other mobile breakpoint */

  .header-menu--folder-list [href="/skill-swap-form"] {

    display: none;

  }

4 hours ago, ChristinaDean said:

I'm looking for code to hide pages within a Membership Area. I tried the following code as header injection, but it broke the formatting of the header and other fonts throughout the site.  Please advise. 

 

<style>

/* hide page from member area navigation on desktop */

.header-nav-item--folder [href="/skill-swap-form"] {

   display: none !important;

  }

 

/* hide page from member area navigation on mobile */

@media (max-width: 640px) { /* or any other mobile breakpoint */

  .header-menu--folder-list [href="/skill-swap-form"] {

    display: none;

  }

 

You have not add the closing tag. Can you try with the code below? Let me know if it work.

<style>
  /* hide page from member area navigation on desktop */
  .header-nav-item--folder [href="/skill-swap-form"] {
    display: none !important;
  }

  /* hide page from member area navigation on mobile */
  @media (max-width: 640px) { 
    /* or any other mobile breakpoint */
    .header-menu--folder-list [href="/skill-swap-form"] {
      display: none !important;
    }
  }
</style>