Native Slider Nav Bullets – Last Bullet is positioned lower than the others

Hello! I have searched quite a bit for a solution to this odd bug and cannot find anything remotely similar online, so I am posting here in hopes of finding a solution. Image below.

I am using a native slider element on the site (reviews section) and the last navigation bullet is oddly positioned lower than the rest of them. I have never seen this before. Some callouts:

  • There is some light custom slider code (under “page wrap” > “custom code” component > “page code custom”) to color the active slider dot with a custom color. However, I have deleted this code, played with the CSS etc. and the problem persists regardless.
  • The problem persists no matter how many slides I add or delete
  • I started this build with the Lumos template from Timothy Ricks. I have reviewed all of the custom code embeds searching for anything that could affect the slider, but I’m not seeing anything. Maybe someone else will notice something.

Seems like this may just be a weird new Webflow bug, but any help is appreciated!

NOTE* This site will be transferred to a client’s workspace to go live within the next week or so, so I will try to update with a new read only link if this has still not been solved.


Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

1 Like

Hi - If possible you need to share the read only link, without the link you will be unlikely to get this issue solved.

1 Like

Hi Craig, the read-only link is linked at the bottom where it says [LINK]. Should I have placed it somewhere else? I wasn’t exactly sure! But here it is again: Webflow - Rounded Corners

Apologies Mathew - I missed the link.

In regards to the issue, in your custom code give the w-slider-dot style a bottom margin of 0 eg. margin-bottom: 0;. This will solve the issue. :slight_smile:

1 Like

Ah, so simple but something I didn’t think to try. Thank you so much!

2 Likes