Joomla Templates Club 406,261 posts

[pasionik Friend pasionikJoin date: May 2015Posts: 82Downloads:0Uploads:1 Thanks: 54 Thanked: 3 times in 1 posts]

#208289

Hi
Having seen many respective threads concerning the slideshow deformation in small screens I am wondering whether there is a way to use both a single image in small screens and slideshow above certain screen sizes.
Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#576433

Hi

You can try opening this css file: root/templates/ja_decor/css/custom.css and add this css rule:

@media (max-width: 320px) {
.ja-ss-item img {
height: auto;
}
}


1 user says Thank You to Saguaros for this useful post

1. pasionik

[pasionik Friend pasionikJoin date: May 2015Posts: 82Downloads:0Uploads:1 Thanks: 54 Thanked: 3 times in 1 posts]

#576511

Thanks.

I am not sure if it is a matter of custom css code. I suppose the solution is lying somewhere in responsive layout configuration. A solution could be for instance to create a custom Html module with a small size image and assign it in all pages and concurrently configure the responsive layout in order to show that module only in medium and small screens. At the same time of course we need to hide the slideshow module. Is this possible because I cannot make it happen.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#576564

With your idea, you will need to create a new position like slideshow here so that you can assign your own module to this new position and configure via layout settings.

1 user says Thank You to Saguaros for this useful post

1. pasionik

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#642877

With your idea, you will need to create a new position like slideshow here so that you can assign your own module to this new position and configure via layout settings.

1 user says Thank You to Saguaros for this useful post

1. pasionik

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#741534

With your idea, you will need to create a new position like slideshow here so that you can assign your own module to this new position and configure via layout settings.

1 user says Thank You to Saguaros for this useful post

1. pasionik

[pasionik Friend pasionikJoin date: May 2015Posts: 82Downloads:0Uploads:1 Thanks: 54 Thanked: 3 times in 1 posts]

#576913

Thanks for your answer. However when trying to edit the file “/index.php” in template “ja_decor” (extentions-template manager-templates) the code where I need to add the new position is not presented.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#576927

The change in ‘index.php’ file will not be affected, this template is based on T3 framework, please check out this documentation to know more about layout/block position: http://www.t3-framework.org/documentation/bs3-layout-system#add-block

There is also a tip in forum for this topic: http://www.joomlart.com/forums/topic/how-to-create-new-module-position-updated/

[Author]

Posts