Slider with right hand side off page?

Hi there,

I am trying to create the following layout.

I am going to be using this slider, but I am not sure how to have the slider start at a fixed place in a container (Bootstrap) and then go all the way up to the edge of the right hand side of the page while also having the hidden one half cut off.

Can anyone suggest the best way to achieve this?

Thanks!

Someone asked a similar question a while ago using bootstrap4 and I posted this demo.

I think that’s similar to what you were looking for although you didn’t mention which version of bootstrap you were using?

1 Like

Thanks, that has worked perfectly!

I am using bootstrap 5, but the code used from that pen doesn’t need bootstrap.

Many thanks!

I just added it to my old demo anyway in bootstrap4 and it seems to work.

1 Like

Many thanks for your help, really appreciate it.

1 Like