Private: Home › Forums › WordPress Themes › Elvyre – Retina Ready WordPress Theme › images not showing responsive behavior › Reply To: images not showing responsive behavior
We have discover the you are using small size pictures with width:1235px and height:190px.
Due many different sizes of display you should use larger images at least with width:1920px and height:500px;.
Today standard for desktop pc screen size is 1920x1080px and then we use this resolution as default in our themes.
This theme is intended to work the on pictures is no text, in page title you should write title and in background should be only picture without text, because picture resize on different screen sizes and then there is problem due text is to small on smaller screens.
Please put images with width 1920px and height 500px and see if this helps. If you still need more flexibility you can enter this code into Elvyre options->Appearance->Custom CSS
.page-id-598 #page-title{
background-size: contain !important;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.page-id-598 #page-title{
background-size: cover !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.page-id-598 #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;
}
}