Remove Header Button – Summary Block

Table of Contents

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

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

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

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

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

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

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

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

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

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

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

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

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

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