I have changed the image and now it has the size 1920 x 500px.
In Elvyre Options> Appearance, I have added this code
.page-id-450 #page-title{
background-size: contain !important;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.page-id-450 #page-title{
background-size: cover !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.page-id-450 #page-title{
background-size: cover !important;
}
}
@media only screen and (max-width: 479px) and (min-width: 320px){
#page-title{
background-size: cover !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#page-title{
background-size: cover !important;
}
}
Yet the image is not showing responsive behavior. This is very disappointing as I had purchased the Elvyre theme because it assured that it would have responsive behavior. Please help in resolving the issue.
You are saying that we shouldn’t have text over background image. I also don’t want this text but there seems to be no way of removing it.
I would appreciate a very quick response which will help in resolving these issues.
