I cannot get the slider to look like my mockup. I need the text (Welcome to BCCP Online!….) to move up more and when I scroll the page those text also gets lost. More importantly on mobile, the slider is extremely tall and does not show the middle of the photo which is the most important part to show . It is just showing the left portion. How did this site achieve it? http://renov8.org/. Also, on mobile the text over the image should always be centered. On my site it is not. Am I using the wrong slider? Should I use a different slider? what slider is renov8.org using at the top?
Here is what I need the final homepage to look like
http://s7.postimg.org/o4ky2tzbv/finalhomepage.jpg
My site
http://1c5.964.myftpupload.com
any update on this?
Hi,
Sorry for the late reply. The example page you sent doesn’t seem to be using a slider at the top, it’s a color section with a background image set to it. You can try the following in Quick CSS to control the slider caption:
.avia-fullscreen-slider .caption_bottom .slideshow_caption {
bottom: 100px !important;
}
Adjust the value 100 to your liking.
You can try the following for mobile:
.avia-fullscreen-slider .avia-slide-wrap {
height: 75% !important;
}
Best regards,
Rikard