Remove Header Social – Summary Block

Add these codes to CSS Custom Box and click Save.

Table of Contents

Desktop Only

/* Desktop Only */
@media screen and (min-width:768px) {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Mobile Only */
@media screen and (max-width:767px) {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Blog Page (list) */
[class*="type-blog"].view-list {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Blog Post */
[class*="type-blog"].view-item {
 div[class*="-action--social"] {
  display: none !important;
}}}

/* Event List */
[class*="type-event"].view-list {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Event Detail */
[class*="type-events"].view-item {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Shop/Category */
[class*="type-products"].view-list {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Individual Product */
[class*="type-products"].view-item {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Cart Page */
body#cart {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Homepage Only */
body.homepage {
 div[class*="-action--social"] {
  display: none !important;
}}

/* Other pages - exclude homepage */
body:not(.homepage) {
 div[class*="-action--social"] {
  display: none !important;
}}

/* On Scroll Only */
header#header.shrink {
 div[class*="-action--social"] {
  display: none !important;
}}

/* When burger menu is open */
body.header--menu-open {
 div[class*="-action--social"] {
  display: none !important;
}}

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 Social Icons - One Page -->
<style>
div[class*="-action--social"] {
  display: none !important;
}
</style>