Jeanae White
    Spectator
    Posts: 13
    23.09.2015 at 22:29 #20867

    This issue is also happening on the desktop view for the blog slider.

    Denzel Chia
    Moderator
    Posts: 2656
    23.09.2015 at 22:38 #20871

    Hi,

    Please use the following css code in Theme Options -> Custom CSS
    It’s for the post slider on your http://newlifeayahuasca.com/blog/

    .slide-container {
    height: 350px !important;
    }

    I cannot find your parallax slider, Please post me the url.

    Thanks!

    Jeanae White
    Spectator
    Posts: 13
    23.09.2015 at 22:43 #20873

    This issue is also happening on the desktop view for the blog slider.
    parallax slider on http://newlifeayahuasca.com/ayahuasca-retreats/

    Denzel Chia
    Moderator
    Posts: 2656
    23.09.2015 at 22:51 #20876

    Hi,

    Please use the following codes.

    @media screen and (max-width: 768px) {
    .da-slider {
    height: 400px !important;
    }
    .da-slide .da-link {
    bottom: 100px;
    position: relative;
    top: 75% !important;
    }
    }

    Thanks!

    Jeanae White
    Spectator
    Posts: 13
    23.09.2015 at 23:24 #20883

    is there a way to get the read more button to align right under the images for both the blog and parallax slider?

    Denzel Chia
    Moderator
    Posts: 2656
    24.09.2015 at 08:48 #20899

    Hi,

    You want to align right the read more buttons on which view? Mobile, Desktop or both?

    I will try to provide a solution.

    Thanks!
    Denzel

    Jeanae White
    Spectator
    Posts: 13
    24.09.2015 at 19:31 #20919

    On mobile views i would like the ‘read more’ button to align right under the photos to the right of the text for the parallax and blog sliders.
    Thank you!

    Denzel Chia
    Moderator
    Posts: 2656
    24.09.2015 at 21:52 #20926

    Hi,

    Please try the following codes.

    @media screen and (max-width: 768px) {
    .anythingSlider .post-more {
    left: 22% !important;
    position: relative;
    top: 200px !important;
    }
    .da-link {
    left: 65% !important;
    top: 60% !important;
    }
    }

    Thanks!

    Jeanae White
    Spectator
    Posts: 13
    25.09.2015 at 00:35 #20930

    Thanks! That worked for the blog slider, but on the parallax slider the button is in the correct location (aligned right under the image) for the first slide only, for the next 4 slides it moves back to the left over the text.

    Denzel Chia
    Moderator
    Posts: 2656
    25.09.2015 at 09:35 #20934

    Hi,

    Please replace the previous solution with the following.

    @media screen and (max-width: 768px) {
    .anythingSlider .post-more {
    left: 22% !important;
    position: relative;
    top: 200px !important;
    }
    .da-link {
    position: absolute !important;
    left: 65% !important;
    top: 60% !important;
    }
    }

    Thanks!

Viewing 10 replies - 1 through 10 (of 14 total)