Joomla Templates Club 406,261 posts

[lukaszfor Friend lukaszforJoin date: April 2014Posts: 20Downloads:0Uploads:3 Thanks: 6]

#199311

Hi

Just take a look on my site It resizes awfully – it cuts this poor woman’s head! 🙂

How can I fix it?

And how to disable slideshow module in some layouts, for example mobile?

Thank you in advance!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#540725

Go to this File: /modules/mod_jaslideshowlite/assets/css/mod_jaslideshowlite-custom.css

Add this code

.ja-ss-item{
min-height:400px !important;
}

#ja_slideshow_lite{
margin-top:60px;
}

[lukaszfor Friend lukaszforJoin date: April 2014Posts: 20Downloads:0Uploads:3 Thanks: 6]

#540869

Hi,

It is much better with a head, but not perfect 🙂 Still a some part of it is being cut while resizing. But slideshow is visible on mobile, no changes with that..

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#540887

Go to this File: /modules/mod_jaslideshowlite/assets/css/mod_jaslideshowlite-custom.css

Replace this code


.ja-ss-item{ min-height:400px !important; }

with


.ja-ss-item{ min-height:450px !important; }

[lukaszfor Friend lukaszforJoin date: April 2014Posts: 20Downloads:0Uploads:3 Thanks: 6]

#541773

Now lady is visible without cutting head while resizing :), but slideshow is still visible on mobile…

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#542343

I have made some changes on the css /modules/mod_jaslideshowlite/assets/css/mod_jaslideshowlite-custom.css

Here are the changes i have made, Please check and confirm

@media (min-width: 900px) {
.ja-ss-sprite img {
width:auto;
}

}
@media (max-width: 800px) {
.ja-ss-item {
min-height: 360px !important;
}

}
@media (max-width: 700px) {
.ja-ss-item {
min-height: 300px !important;
}

}
@media (max-width: 500px) {
.ja-ss-item {
min-height: 240px !important;
}

}
@media (max-width: 400px) {
.ja-ss-item {
min-height: 170px !important;
}

}

[Author]

Posts