JSSOR Banner Slider Thumb Text no scale - banner

Question

Is it possible for the JSSOR Banner slider :
http://www.jssor.com/demos/banner-slider.html
To NOT scale the text next to the thumbnails while resizing?
see my site in development :
http://www.hansdietze.com/2014/diamant.php?taal=nl
The text is not scaling and gets unreadable on iPad portrait orientation I'm afraid....

Answer 1

I guess you can use css to make the font-size of the text bigger.
What about replace
<!-- ThumbnailNavigator Skin Begin -->
<div u="thumbnavigator" class="sliderb-T" style="position: absolute; bottom: 0px; left: 0px; height:45px; width:860px;">
<div style="filter: alpha(opacity=40); opacity:0.4; position: absolute; display: block;
background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%;">
</div>
<!-- Thumbnail Item Skin Begin -->
<div u="slides">
<div u="prototype" style="POSITION: absolute; WIDTH: 860px; HEIGHT: 45px; TOP: 0; LEFT: 0;">
<thumbnailtemplate style="font-family: 'News Cycle', sans-serif;
font-size:16px;
font-weight:700;
POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0; LEFT: 0; color:#fff; line-height: 36px; padding-left:10px;"></thumbnailtemplate>
</div>
</div>
<!-- Thumbnail Item Skin End -->
</div>
<!-- ThumbnailNavigator Skin End -->
with
<!-- ThumbnailNavigator Skin Begin -->
<style>
.thumb_text {
font-family: 'News Cycle', sans-serif;
font-size: 16px;
font-weight: 700;
POSITION: absolute;
WIDTH: 100%;
HEIGHT: 100%;
TOP: 0;
LEFT: 0;
color: #fff;
line-height: 36px;
padding-left: 10px;
}
#media only screen and (max-width: 768px) {
.thumb_text {
font-size: 20px;
}
}
</style>
<div u="thumbnavigator" class="sliderb-T" style="position: absolute; bottom: 0px; left: 0px; height:45px; width:860px;">
<div style="filter: alpha(opacity=40); opacity:0.4; position: absolute; display: block;
background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%;">
</div>
<!-- Thumbnail Item Skin Begin -->
<div u="slides">
<div u="prototype" style="POSITION: absolute; WIDTH: 860px; HEIGHT: 45px; TOP: 0; LEFT: 0;">
<thumbnailtemplate class="thumb_text"></thumbnailtemplate>
</div>
</div>
<!-- Thumbnail Item Skin End -->
</div>
<!-- ThumbnailNavigator Skin End -->

Answer 2

Also, there is a $Scale option for thumbnail navigator, but it is a bit more complicated to adjust size.
$ThumbnailNavigatorOptions: {
...
$Scale: false,
...
}