Fullwidth Easy Slider – Title in fixed poisition

Thanks for replying.
I’ve got a coming soon page on there just now as its very early stage of development, but I’ll grant access (in private content area)
Many Thanks
David

Hi,
There are definitely 3 slides in the fullwidth easy slider which is the first element on the page. They are on a 10 second delay with no navigation arrows.
Many Thanks
David

Hi Jordan,

At fullwidth, yes, the 2nd one has longer Caption Text so “pushes” the Caption Title up the slider. This varies as the browser viewport size changes and the caption text breaks at different places.
Ideally I am looking to fix the Caption Title a certain % from the top of the slider (and maybe use an @media query to reduce this % for smaller screens) and begin the Caption Text a fixed distance from the Caption Title, but my attempts to do that in css have failed so far (I’m a little bit limited in that regard!).

Many Thanks
David

Thanks

I have gone with this very inelegant solution – if there is anything you can suggest to improve this I’d be grateful!

@media only screen and (max-width: 499px) {
.slideshow_align_caption {
position: absolute;
top: 10%;
}
}

@media only screen and (max-width: 639px) and (min-width: 500px) {
.slideshow_align_caption {
position: absolute;
top: 15%;
}
}

@media only screen and (max-width: 767px) and (min-width: 640px) {
.slideshow_align_caption {
position: absolute;
top: 20%;
}
}

@media only screen and (max-width: 948px) and (min-width: 768px) {
.slideshow_align_caption {
position: absolute;
top: 0;
}
}

.slideshow_align_caption {
position: absolute;
top: 5%;
}

.avia-caption-title {
position absolute;
top: 20px;
}

.avia-caption-content {
margin-top: 5%;
}

It seems to be working across multiple screens okay, so its okay to close the topic.
Many thanks
David