Monochrome – Suppress Fade Up on Smaller Devices

[wtechrbr]

Using Monochrome Pro theme and have a slider in the front page widget 1. On smaller devices, the slider resizes leaving excessive whitespace below it due to the fade up feature.

Is there a way to suppress the fade up logic on smaller devices and just have the next widget load right away without the need to scroll?

Site is under development and not publicly available yet to share.

http://Not available yet.

[tarmadillo]

on style-front.css I think you can wrap .js .fadeup-effect with a media query like this:

@media only screen and (min-width: 1024px) {
    .js .fadeup-effect {
        opacity: 0;
        overflow: hidden;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

---

https://armadillowebdesign.com

[wtechrbr]

Worked beautifully. Really appreciate the help - thank you!

[Author]

Posts