Joomla Templates Club 406,261 posts

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#662768

Hi
I read all topics “Is JA Slideshow Lite Responsive?” and I did’t find reason , Why on my webside (http://www.silesiaequestrian.pl) does not appear Ja slideshow lite on mobile phote :iphone etc.?
What is wrong? Please help . Would be good if though instead of slideshow showed a picture.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#662840

Hello
Its not designed for small screen due to the good design purpose , If you would like to adjust it for the small screen you can
try my solution given in this thread .
Hope it helps.

1 user says Thank You to Pankaj Sharma for this useful post

1. dzidzuridza

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#665659

🙁 on my web side still look bed
http://www.silesiaequestrian.pl/Pl

on mobile (iphone) the slideshow look as follows: a large background there are tiny pictures. It is very readable, and looks bad. images have a size 1180/365
whether it is possible to improve it?

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#746643

🙁 on my web side still look bed
http://www.silesiaequestrian.pl/Pl

on mobile (iphone) the slideshow look as follows: a large background there are tiny pictures. It is very readable, and looks bad. images have a size 1180/365
whether it is possible to improve it?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#665661

Hi am not able to access your site , its forbidden .
You can change the size of the text with given suggestions here It pretty hard to show images and text both on mobiles , as u know the screen size is too smal and both can not fit , this is reason its hidden for the small devices .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#746645

Hi am not able to access your site , its forbidden .
You can change the size of the text with given suggestions here It pretty hard to show images and text both on mobiles , as u know the screen size is too smal and both can not fit , this is reason its hidden for the small devices .

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#665664

I have another idea: how to change slideshow on mobile version to the just one image in this same place . It is possible? u know turn off slideshow for mobile and design here the new module with just one image only for mobile device?

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#746648

I have another idea: how to change slideshow on mobile version to the just one image in this same place . It is possible? u know turn off slideshow for mobile and design here the new module with just one image only for mobile device?

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#665668

I find answer:

/* Slideshow */
.ja-slideshow .container {
padding: 0;
width: auto;
}
.ja-ss-btns .ja-ss-prev {
background-position: 0 0;
left: 20px !important;
}
.ja-ss-btns .ja-ss-next {
background-position: right 0;
right: 20px !important;
}
.ja-slideshow {
background: none !important;
} @media screen and (max-width: 1350px) {
.ja-slideshow .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: inline-block !important;
}
} @media (min-width: 768px) and (max-width: 938px) {
.hidden-sm {
display: inline-block !important;
}
} @media (min-width: 939px) and (max-width: 1279px) {
.hidden-md {
display: inline-block !important;
}
}

.ja-ss-item {
display: block;
float: left;
margin: 0;
overflow: hidden;
position: absolute;
right: 0;
left: 0;
width: 100%;
min-height: 0px !important;
z-index: 1;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

1 user says Thank You to dzidzuridza for this useful post

1. Pankaj Sharma

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#746652

I find answer:

/* Slideshow */
.ja-slideshow .container {
padding: 0;
width: auto;
}
.ja-ss-btns .ja-ss-prev {
background-position: 0 0;
left: 20px !important;
}
.ja-ss-btns .ja-ss-next {
background-position: right 0;
right: 20px !important;
}
.ja-slideshow {
background: none !important;
} @media screen and (max-width: 1350px) {
.ja-slideshow .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: inline-block !important;
}
} @media (min-width: 768px) and (max-width: 938px) {
.hidden-sm {
display: inline-block !important;
}
} @media (min-width: 939px) and (max-width: 1279px) {
.hidden-md {
display: inline-block !important;
}
}

.ja-ss-item {
display: block;
float: left;
margin: 0;
overflow: hidden;
position: absolute;
right: 0;
left: 0;
width: 100%;
min-height: 0px !important;
z-index: 1;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

1 user says Thank You to dzidzuridza for this useful post

1. Pankaj Sharma

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#665682

Did you sort it out ?

1 user says Thank You to Pankaj Sharma for this useful post

1. dzidzuridza

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#746666

Did you sort it out ?

1 user says Thank You to Pankaj Sharma for this useful post

1. dzidzuridza

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#672772

yes fix it

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#746668

yes fix it

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#672775

HI
I suggest you to hide module via template manager > layout tab > responsive > click on eye icon to hide a module . You can see all screen size options in responsive layout tab.

[Author]

Posts