// ORIGINAL CODE ~line 944 of jquery.themepunch.revolution.js if (opt.navigationHAlign=="center") { if (bullets.innerWidth() > bullets.parent().innerWidth()) { bullets.css({'left':'50%','marginLeft':(opt.navigationHOffset-Math.round(bullets.parent().innerWidth()/2))+"px"}); } else { bullets.css({'left':'50%','marginLeft':(opt.navigationHOffset-Math.round(bullets.innerWidth()/2))+"px"}); } } if (opt.navigationHAlign=="left") bullets.css({'left':(0+opt.navigationHOffset)+"px"}); if (opt.navigationHAlign=="right") bullets.css({'right':(0+opt.navigationHOffset)+"px"}); // UPGRADED CODE SUGGESTION // for navigationHAlign = center, I added a check to see if the bullets width is greater than the parent slider container width, in which case I use a slightly modified function to find marginLeft so the bullets don't overflow the container if (opt.navigationHAlign=="center") { if (bullets.innerWidth() > bullets.parent().innerWidth()) { bullets.css({'left':'50%','marginLeft':(opt.navigationHOffset-Math.round(bullets.parent().innerWidth()/2))+"px"}); } else { bullets.css({'left':'50%','marginLeft':(opt.navigationHOffset-Math.round(bullets.innerWidth()/2))+"px"}); } } if (opt.navigationHAlign=="left") bullets.css({'left':(0+opt.navigationHOffset)+"px"}); if (opt.navigationHAlign=="right") bullets.css({'right':(0+opt.navigationHOffset)+"px"});