Streaming live at 10am (PST)

Slide nav with stick/bar instead of dots

Hi everybody,

This is my first topic on webflow, so I hope I will find some help from this great community :).

I have a problem about my slide nav. Instead of dots I would like something with bar/stick, little bit like this :
But i can’t find any solution on internet or in the forum and I already consulted the different topics about the edit of the slide bar.

If someone have the solution, it will be awesome :smiley:


Hi @Matthieu_Riverrain the dots can only be edited with custom CSS as far as I know.

You can add a HTML Embed and copy this in.

  .w-slider-dot {
    height: 3px;
    width: 24px; 
    border-radius: 0px !important; /*to cancel the roundness */
1 Like

Hi @dennyhartanto,

thank you a lot, its working :slight_smile: