Not working properly on Safari and IOS

  • I have used the plugin to create a gallery with a few css customizations. It works fine on Chrome and Firefox but has a bug on Safari where the rounded corners do not appear and when you hover over or click on the 1st image, you actually hover over the 3rd or fourth image. Once you click the navigation arrows for the gallery, it works fine except the rounded corners still do not show. The page is currently blocked since the client does not want it released yet. Custom css is below.

    .vp-id-25{
    border-radius: 25px;
    background: rgba(0,0,0,0);}

    .vp-id-25 .vp-portfolio__items{
    border-radius: 25px;}

    .vp-id-25 .vp-portfolio__item{
    border-radius: 25px;}

    .vp-id-25 .vp-filter{
    border-radius: 25px;}

    .vp-id-25 .vp-pagination{
    display: none;}

Viewing 1 replies (of 1 total)
  • Plugin Author Nikita

    (@nko)

    Hi.

    Try this:

    .vp-id-25 .vp-portfolio__item-img {
    border-radius: 25px;
    overflow: hidden;
    z-index: 1;
}

    Regards, nK.

Viewing 1 replies (of 1 total)
  • The topic ‘Not working properly on Safari and IOS’ is closed to new replies.

Tags