Parallax slider not responsive in mobile view – problems

  • Hi. In mobile view the parallax slider cuts of the 1st paragraph of text and superimposes the “buy now” button over the text. How do I fix this?

    Here is the site: dlwoodonline.com. View it on a mobile phone to see the responsiveness issue. Using evolve 3.4.4

    Also, how do I change the color, etc. of the “buy now” button. Where is the control for that?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Please try the following in Theme Options -> Custom CSS

    .da-slider {
    height: 450px !important;
}
.da-slide {
    height: 450px !important;
}
.da-slide p {
    position: relative !important;
    top: 40% !important;
}
.da-link {
    position: relative !important;
    top: 60% !important;
}

    If it does not work for you. You will need to remove them.

    Thanks!

    Thread Starter dplumwood

    (@dplumwood)

    Thank you – but unfortunately that did not work. It appears that in the mobile view the text of the descriptive paragraph is not adjusting responsively. The button seems to be in the right place even without the new code. How do I get the slider to lengthen a bit in responsive mode and the text to fit in the space in responsive mode?

    Thread Starter dplumwood

    (@dplumwood)

    Hi, I am still not able to get this working. The mobile view displays the title, tagline and parallax sliders improperly. It hides text content that is on the slider and superimposes the “Learn More” button over the text that it does show. Any suggestions?

    https://www.dlwoodonline.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Parallax slider not responsive in mobile view – problems’ is closed to new replies.