Add these codes to CSS Custom Box and click Save.
(You can change the example image URL to URL that you want)
In this post
Desktop Only
/* Desktop Only */
@media screen and (min-width:768px) {
header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}}
Mobile Only
/* Mobile Only */
@media screen and (max-width:767px) {
header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
}
Blog Page (list)
/* Blog Page (list) */
[class*="type-blog"].view-list header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Blog Post
/* Blog Post */
[class*="type-blog"].view-item header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Event List
/* Event List */
[class*="type-event"].view-list header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Event Detail
/* Event Detail */
[class*="type-events"].view-item header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Shop/Category
/* Shop/Category */
[class*="type-products"].view-list header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Individual Product
/* Individual Product */
[class*="type-products"].view-item header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Cart Page
/* Cart Page */
body#cart header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Homepage Only
/* Homepage Only */
body.homepage header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
Other Pages (exclude homepage)
/* Other pages - exclude homepage */
body:not(.homepage) header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
On Scroll Only
/* On Scroll Only */
header#header.shrink img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
When Burger Menu is Open
/* When burger menu is open */
body.header--menu-open header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
One Page
Add this code to Page Header Code Injection and click Save
(You can change the example image URL to URL that you want)
(If your site doesn’t support Code Injection, you can add code via Code Block)
<style>
header#header img {
content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg);
}
</style>
