• Closed
  • Jeanae White
    Spectator
    September 23, 2015 at 10:06 pm #20862

    When viewing on mobile, the ‘read more’ button appears over the description text on the parallax and blog sliders on my site http://newlifeayahuasca.com

    Help?

    Jeanae White
    Spectator
    Posts: 13
    September 23, 2015 at 10:29 pm #20867

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

    Denzel Chia
    Moderator
    Posts: 2656
    September 23, 2015 at 10:38 pm #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
    September 23, 2015 at 10:43 pm #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
    September 23, 2015 at 10:51 pm #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
    September 23, 2015 at 11:24 pm #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
    September 24, 2015 at 8:48 am #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
    September 24, 2015 at 7:31 pm #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
    September 24, 2015 at 9:52 pm #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
    September 25, 2015 at 12:35 am #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
    September 25, 2015 at 9:35 am #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)