Responsive slider element help please

Hi,
I’m in a time crunch, and losing my hair over this. If you scroll to the bottom of my page, there is a slider setup.
How can I get the navigation dots to always remain in the blue bar of the image?

Thank you anyone for any help.

Mike

https://preview.webflow.com/preview/franco-hub?utm_medium=preview_link&utm_source=designer&utm_content=franco-hub&preview=535d0295f7730f3726630ca59e7dc3c4&workflow=preview


Here is my site Read-Only: https://preview.webflow.com/preview/franco-hub?utm_medium=preview_link&utm_source=designer&utm_content=franco-hub&preview=535d0295f7730f3726630ca59e7dc3c4&workflow=preview
(how to share your site Read-Only link)

Put a background color on the “slider nav” element where the dots live. Or make the blue boxes bigger some how.

Right now the blue background is being generated by the photos. Not a very good design idea if you want a component to be responsive.

Trying playing around with coloring the slider component themselves

Thank you, but that won’t accomplish what I need. I need the buttons to be responsive to different breakpoints, but to stay anchored to the bottom of the “Slider-Home” element.

Mike

@morningbird You need those 3 dots to shrink really small?

Yes, just resize to the breakpoints.
Thank you,

Mike

@morningbird that will probably be a custom code job.