Add these codes to CSS Custom Box and click Save.
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>