Hi,

Just a quick question about the homepage / main slider. I've noticed on iOS devices the fade animation seems very fast and jerky, but on desktop browsers the fade in is perfectly smooth. I've added the custom css found in another post regarding slider transitions (see below) and it worked well on desktop browsers but the iOS devices still have a jerky transition. 

What else can I add to smooth this out on all mobiles?

This is all of my custom css code added from various helpful comments and posts from different people at the moment:

.item-title {

line-height: 40px;

}

.slides li {
        -webkit-transition: all 0s ease-in-out!important;
        -moz-transition: all 0s ease-in-out!important;
        -o-transition: all 0s ease-in-out!important;
        -ms-transition: all 0s ease-in-out!important;
        transition: all 0s ease-in-out!important;
    }

header { height: 100px !important; }
line-height: 39px;

}

input[type="text"] {
    font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
}

.page-template-portfolio-mixed-page #hero {
    margin-bottom: 0px;
}

@media only screen and (orientation : portrait) {
#hero {
    height: 70%!important;
}

Hope you can help smooth it out! Thanks

Darren

Great, thanks i'll look forward to the update :)