This doesn't work for the homepage cover. The homepage cover doesn't use Visual Composer, it uses one of Salient's Page Header Settings. Is there any workaround that within Salient?
As you can see from the attachment, where I circled in purple is where I upload the page header image. It has no option for a different cover for mobile.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) {
.page-id-547 .page-header-bg-image {
background-image: url(http://clipcrafters.com/wp-content/uploads/2018/04/clipcrafters-background.png) !important;
}
}
Sorry for the late turn around, we were having some technical issues.
The page id for the home page has changed . Try below.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) {
.page-id-546 .page-header-bg-image {
background-image: url(http://clipcrafters.com/wp-content/uploads/2018/04/clipcrafters-background.png) !important;
}
}
Hi there.
I wanted to ask you how we can have a different homepage cover be displayed for desktop and mobile?
Thank you.
Hey Again,
Please have a look at this Article :Hiding Rows on Mobile / Desktop in Visual Composer.
Best
ThemeNectar Support Team
This doesn't work for the homepage cover. The homepage cover doesn't use Visual Composer, it uses one of Salient's Page Header Settings. Is there any workaround that within Salient?
As you can see from the attachment, where I circled in purple is where I upload the page header image. It has no option for a different cover for mobile.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) { .page-id-547 .page-header-bg-image { background-image: url(http://clipcrafters.com/wp-content/uploads/2018/04/clipcrafters-background.png) !important; } }Thanks
ThemeNectar Support Team
It's not working for some reason.
Hey Again,
Sorry for the late turn around, we were having some technical issues.
The page id for the home page has changed . Try below.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) { .page-id-546 .page-header-bg-image { background-image: url(http://clipcrafters.com/wp-content/uploads/2018/04/clipcrafters-background.png) !important; } }Thanks
ThemeNectar Support Team