Slide nav with stick/bar instead of dots

Community resources
1

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 : http://www.themustafacelik.com/
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:
Thanks,

Matthieu

2

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.

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

Hi @dennyhartanto,

thank you a lot, its working :slight_smile: