Remove Header Button

One Page

Add this code to Page Header Code Injection and click Save

(If your site doesn’t support Code Injection, you can add code via Code Block)

<!-- remove header button - one page -->
<style>
a.btn {
    display: none;
  }
  </style>

Add these codes to CSS Custom Box and click Save

Desktop Only

/* remove header button - desktop only */
@media screen and (min-width:992px) {
  a.btn {
    display: none;
  }
}

Mobile Only

  /* remove header button - mobile only */
@media screen and (max-width:991px) {
  a.btn {
    display: none;
  }
}

Blog Page (List)

/* remove header button - blog page */
[class*="type-blog"].view-list {
a.btn {
    display: none;
  }
}

Blog Post (Detail)

/* blog posts */
[class*="type-blog"].view-item {
a.btn {
    display: none;
  }
}

Event Page (List)

/* event list */
[class*="type-events"].view-list {
a.btn {
    display: none;
  }
}

Event Detail

/* event detail */
[class*="type-events"].view-item {
a.btn {
    display: none;
  }
}

Product Shop/Category

/* shop category page */
[class*="type-products"].view-list {
a.btn {
    display: none;
  }
}

Individual Product

/* individual products */
[class*="type-products"].view-item {
a.btn {
    display: none;
  }
}

Cart Page

/* cart page */
body#cart {
 a.btn {
    display: none;
  }
}

Homepage Only

/* Homepage only */
body.homepage {
  a.btn {
    display: none;
  }
}

Other Pages (exclude Homepage)

/* Other page - exclude homepage */
body:not(.homepage) {
 a.btn {
    display: none;
  }
}

On Scroll

/* remove header button - on scroll */
header#header.shrink a.btn {
  display: none;
}

When Overlay Menu is open

/* when overlay menu is open */
body.header--menu-open a.btn {
  display: none;
}