[Share code] Remove Logo

Some CSS code to remove Logo. You can insert code to Website Tools (under Not Linked) > Custom CSS

#1. Desktop Only

/* Desktop Only */
@media screen and (min-width:768px) {
 .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#2. Mobile only

/* Mobile Only */
@media screen and (max-width:767px) {
 .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#3. Blog List Page

/* Blog Page (list) */
[class*="type-blog"].view-list {
  .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#4. Blog Post Detail

/* Blog Post */
[class*="type-blog"].view-item {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#5. Event List

/* Event List */
[class*="type-event"].view-list {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#6. Event Detail

/* Event Detail */
[class*="type-events"].view-item {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#7. Shop Page, Product Category Page

/* Shop/Category */
[class*="type-products"].view-list {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#8. Individual Products

/* Individual Product */
[class*="type-products"].view-item {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#9. Cart Page

/* Cart Page */
body#cart {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#10. Homepage Only

/* Homepage Only */
body.homepage {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#11. On Scroll Only

/* On Scroll Only */
header#header.shrink {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#12. Other Pages (Exclude Homepage)

/* Other pages - exclude homepage */
body:not(.homepage) {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#13. When Burger Menu is Open

/* When burger menu is open */
body.header--menu-open {
   .header-title-logo, .header-mobile-logo {
  display: none !important;
}}

#14. One Page

Use code to Page Header Code Injection (If your plan doesn't support Code Injection, you can edit page > Add a Code Block)

<!-- Remove logo - One Page -->
<style>
.header-title-logo, .header-mobile-logo {
  display: none !important;
}
</style>

If you have any other questions, you can comment below.