Copy link to clipboard
Copied
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>
A quick Google suggests adding:
pager: false,
To the <script> </script> block which initiates the slider on page load.
See if that works.
Copy link to clipboard
Copied
Read the documentation that came with your slider.
Or remove the box-slider pager from your markup.
Copy link to clipboard
Copied
A quick Google suggests adding:
pager: false,
To the <script> </script> block which initiates the slider on page load.
See if that works.