Joomla Templates Club 406,261 posts

[sincerity Friend sincerityJoin date: December 2014Posts: 56Downloads:0Uploads:10 Thanks: 12 Thanked: 1 times in 1 posts]

#189927

Please go through this link. I have added a slideshow (for registration) and a downloads image in position 5, which I want to make suitable to ipad and mobile responsive layouts.

Please let me know how to do it.

Thanks.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503156

Hi arjunkrishna,

In this case, you should go to the backend of Slideshow module, then leave a space before the class suffix name “no-padding” in Module class suffix option. In addition, you should use the origional images, not resized images in the position-5 Slideshow module. These will help your module to be responsive on mobile/tablet without using any extra styles.

[sincerity Friend sincerityJoin date: December 2014Posts: 56Downloads:0Uploads:10 Thanks: 12 Thanked: 1 times in 1 posts]

#503324

Hi Leo,

Would you please explain what did you meant by original and resized images ? I am using 241x240px sized images for the position-5 images and slideshows. Do you want me to use bigger sized images and then make it to the size by setting width and height in css ?

Also I couldn’t find an area to enter code/properties for creating custom slideshows (as in JA Zite) in JA Slideshow Lite installed in the quick start package of JA Mero.

Please help me out.

Thanks,
Arjun.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503343

Hi Arjun,

<blockquote>I am using 241x240px sized images for the position-5 images and slideshows. Do you want me to use bigger sized images and then make it to the size by setting width and height in css ?</blockquote>
Yes. You just need to use the bigger-size images, your slideshow will be responsive finely without adding css styles. Here is our original size image of Slideshow lite module on our JA Mero template at http://joomla25-templates.joomlart.com/ja_mero/images/resized/images/joomlart/slideshow/sl-1_737_490.jpg

The problem of you slideshow lite is that the image is not wide enough to cover the width of sidebar (position-5) section on iPad and mobile devices.

<blockquote> enter code/properties for creating custom slideshows </blockquote>
You can edit the settings of Slideshow lite in the module’s backend, especially the Module class suffix at Advanced options tab.

[Author]

Posts