JS.slick horizontal carousel how to get navigation dots to work as default and to stop disappearing at certain widths with custom CSS

Question

I am using JS.slick horizontal carousel and trying to make the dots work as default which they do not with a custom CSS - I have renamed some of the required classes on the cust