Is there a way I can remove navigation dots at the bottom of a bxSlider?

[daveharr1s0n]

Hello Dreamweaver Support,

This is probably an easy one for you experts. I have a responsive bxSlider on a page I'm working on. Works just fine, except that with the amount of photos there are too many navigation dots at the bottom. Especially on phone view where they double and triple up. Is there a way to just remove them, altogether?

Here's the page:

http://www.daveharrison.info/testSite/bxSliderTest.html

Thanks for any insight!

Dave

Here's the script, css in the head:

<script type="text/javascript" src="x-javaScript/jQuery.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script>
$(document).ready(function() {
$('.slider').bxSlider();
});
</script>

And the script at the bottom of the page:

<script>
$(function() {
$('.bxslider').bxSlider({
mode: 'fade',
captions: true,
slideWidth: 480, /* Changed from 600 */
adaptiveHeight: true
});
});
</script>

[Nancy OShea]

Read the documentation that came with your slider.

Or remove the box-slider pager from your markup.

[osgood_ · Accepted solution]

A quick Google suggests adding:

pager: false,

To the <script> </script> block which  initiates the slider on page load. 

See if that works.