Comments Jannik started the conversationDecember 19, 2014 at 5:34pmHi,how can I change the carousel to show only one image on mobile sites? (currently there are two) 8,847Tahir repliedDecember 20, 2014 at 3:47pmHey!You will likely have to change the js in in "Salient/js/init.js" and "Salient/nectar/tinymce/shortcode-processing.php" . Thanks ThemeNectar Support Team Jannik replied privatelyJannik repliedJanuary 14, 2015 at 3:11pm The most simple solution is to add this line in the init.js near function clientsCarouselInit(): if($(window).width() < 420 && $('body').attr('data-responsive') == '1') { columns = 1; $(this).addClass('phone') }while '420' is the desired mobile screen size for showing one column and the 'columns = 1' is the value which shows only one column. 8,847Tahir repliedJanuary 14, 2015 at 6:12pmThanks for posting the hack. Best,-T ThemeNectar Support Team Sign in to reply ...
Hi,
how can I change the carousel to show only one image on mobile sites? (currently there are two)
Hey!
You will likely have to change the js in in "Salient/js/init.js" and "Salient/nectar/tinymce/shortcode-processing.php" .
Thanks
ThemeNectar Support Team
The most simple solution is to add this line in the init.js near function clientsCarouselInit():
if($(window).width() < 420 && $('body').attr('data-responsive') == '1') { columns = 1; $(this).addClass('phone') }
while '420' is the desired mobile screen size for showing one column and the 'columns = 1' is the value which shows only one column.
Thanks for posting the hack.
Best,
-T
ThemeNectar Support Team