Add these codes to CSS Custom Box and click Save.
In this post
Desktop Only
/* Desktop Only */ @media screen and (min-width:768px) { a#site-title { display: none; } }
Mobile Only
/* Mobile Only */ @media screen and (max-width:767px) { a#site-title { display: none; } }
Blog Page (list)
/* Blog Page (list) */ [class*="type-blog"].view-list a#site-title { display: none; }
Blog Post
/* Blog Post */ [class*="type-blog"].view-item a#site-title { display: none; }
Event List
/* Event List */ [class*="type-event"].view-list a#site-title { display: none; }
Event Detail
/* Event Detail */ [class*="type-events"].view-item a#site-title { display: none; }
Shop/Category
/* Shop/Category */ [class*="type-products"].view-list a#site-title { display: none; }
Individual Product
/* Individual Product */ [class*="type-products"].view-item a#site-title { display: none; }
Cart Page
/* Cart Page */ body#cart a#site-title { display: none; }
Homepage Only
/* Homepage Only */ body.homepage a#site-title { display: none; }
Other Pages (exclude homepage)
/* Other pages - exclude homepage */ body:not(.homepage) a#site-title { display: none; }
On Scroll Only
/* On Scroll Only */ header#header.shrink a#site-title { display: none; }
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 site title - One Page --> <style> a#site-title { display: none; } </style>