I have an image problem in Safari browser, as they are only stretched in this browser. The problem occurs on the desktop as well as on the mobile, Mac, MacBook, iPhone and iPad.
This is css:
.ft-gallery-v3 {
background: url('../images/ft-class-isotop-bg.png') #efeff3;
padding-bottom: 89px;
overflow: hidden;
}
.ft-gallery-v3 #grid {
width: 100%;
}
.ft-gallery-v3 .row1 {
margin-right: -5px;
margin-left: -5px;
}
.ft-gallery-v3 .ft-item {
width: 20%;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
}
.ft-gallery-v2 .ft-class-item {
background: none;
min-height: 244px;
}
.ft-gallery-v2 .ft-class-item .image-wrap {
background: none;
}
.ft-gallery-v2 .ft-class-item .image {
background: none;
}
.ft-gallery-v3 .ft-class-item {
background: none;
/*min-height: 230px;*/
min-height: inherit;
}
I changed min-height
believing it would work, but it did not work.
It's getting this way:
Thisisthe page link .
And here is where I tested to get the Safari Browser image.