Hi, I built a website using the Smart Slider on the homepage but can’t figure out how to make the slider dots smaller on mobile. Please see the info below for url etc. The issue is on the homepage slider. I want to be able to reduce the size of the slider dot navigation on mobile, and also would like to know how to make the slider navigation arrows larger. Can’t seem to get granular enough with custom css!
Thank you.
Hey bkatzdesign,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
div#n2-ss-2 .n2-style-f13aa127a29969b9af3016ed5a6f8b82-dot {
padding: 2px 2px 5px 5px;
}
If you need further assistance please let us know.
Best regards,
Victoria