Okay
  Print

How to make a responsive mode for the YJ PieceMaker Slideshow?

This extension is not responsive. (Learn more: http://www.youjoomla.com/joomla-extensions/yj-piecemaker.html) 

But you can try this solution:

Please, add this codes inside the 

www.your-domain.com/templates/gantry/less/mediaqueries.less file:

#piecemaker_holder {width:100% !important;} 
#piecemaker_holder object {width:100% !important;}

So:

(line 41)
@media (min-width: 768px) and (max-width: 959px) {
	#piecemaker_holder {width:100% !important;}
	#piecemaker_holder object {width:100% !important;}
	...


// Mobile Modes (line 121)
@media (max-width: 767px) {
	#piecemaker_holder {width:100% !important;}
	#piecemaker_holder object {width:100% !important;}
	...


// Promo Showcase (line 236)
@media only screen and (min-width: 481px) and (max-width: 767px) {
	#piecemaker_holder {width:100% !important;}
	#piecemaker_holder object {width:100% !important;}
	...

 

Regards..