sticky cpation for carousel

[victor]

Hello,

I am trying to adjust the position of the carousel's caption so it sticks to the bottom of the page which I did with the following custom css. It is working all right but the issue is on the bottom right of the page the caption of the following slide is appearing, would you have any idea on how to solve it?

I tried various custom css from the forum which unfortunately didn't solve my problem!

.lay-carousel-sink-parent {
    position: fixed!important;
    bottom: 2%!important;
}```

my dev website
https://victormoynier.com/slideshow-pt

any help is welcomed :)
thank you
Victor

[Richard]

Dear Victor

@victor

On both Chrome Safari the correct caption is located in the bottom right hand corner:

Just wish to understand, am i missing something? :)

Best
Richard

[victor]

@Richard my bad, the project was still private 🙄
You should be able to see the link now!
https://victormoynier.com/slideshow-pt

[Richard]

Dear @victor

Trying something like:

.lay-carousel-sink-parent {
    transform: translateX(calc(100vw - 60vw));
}

May be a better option to look into :)

https://www.w3schools.com/cssref/css3_pr_transform.asp

https://www.w3schools.com/cssref/func_calc.asp

Best wishes
Richard