Carousel caption sticky bottom & responsive

[vondeldex]

Hello !
I'm using the Lay Carousel addon and I want to put the captions at stick to the bottom of the page,
I saw an old topic about that and I put the code of @mariusjopen in the custom css and it works :

.lay-carousel-sink-parent {
    position: fixed;
    bottom: 20px;
}

I just used vh instead of px, it works well with desktop size but when i reduce the page the next captions appears on the right :

Also on phone the captions goes beneath images and does not stick the bottom at all,

Do you know why ?

Thanks !
Julia

[Richard]

Dear Julia @vondeldex

If possible could you post a link to your website?

Hard to tell exactly what is going on with the other elements atm, however ".lay-carousel-sink-parent' might be addressing multiple elements across the page and this is why issues are happening - you can also make sure its centered with some extra CSS,

Talk soon Julia and best wishes for 2021 :)

[vondeldex]

Hello Richard,

Thanks for your reply,
I tried to use different classes for the caption position but the problem is the same, even when I add extra css to center it,

I spend hours trying to understand whats wrong but I cant find any solution if I want the caption stick to the bottom…

Here is the link to my website : http://florilegerecords.com/accueil

Best wishes for 2021 too !

[vondeldex]

Hello,
I finally put some padding to the caption and the carousel,
It works but it's approximative,

.lay-carousel-wrap{
	top: 7vh;
}

.single-caption-inner{
	padding-top: 3vh;
}

Thanks !
Julia

[Richard]

Dear Julia @vondeldex

It looks great :) is there anything else that needs help?

Best
Richard