Joomla Templates Club 406,261 posts

[lightstylenz Friend lightstylenzJoin date: June 2012Posts: 20Downloads:0Uploads:3 Thanks: 2]

#179743

Hello,

JA Imageshow Lite is not resizing properly on mobile devices or upon browser resizing. Please check image attached or explore it at http://lightstyle.co.nz/sites/brooklyn

Any suggestions?

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#463571

Hi lightstylens,

You could open the file of templates/ja_lens/css/layout-mobile-portrait.css and adding this css
.ja-ss-btns {

top: 15% !important;

}

I hope it would help !

[lightstylenz Friend lightstylenzJoin date: June 2012Posts: 20Downloads:0Uploads:3 Thanks: 2]

#464104

Hi Sherlock,

I’m affraid that the solution didn’t work. A few points to consider;

Under Responsinator’s http://www.responsinator.com/?url=http%3A%2F%2Flightstyle.co.nz%2Fsites%2Fbrooklyn “Crappy Android landscape 320 x 240” it also displays the issue so the fix may have to be applied to other css as well?

When I use the slideshow at the homepage and within a module that is not using the whole width of the screen I DO HAVE the issue http://lightstyle.co.nz/sites/brooklyn/

When I use the “original”slideshow http://lightstyle.co.nz/sites/brooklyn/index.php/photos/slideshow I DO NOT HAVE the issue.

I hope it doesn’t mean that the slideshow is only functional on a full width display/module position.

Thanks,
Andre

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#464117

Hi lightstylenz,

You could try as following
Open the file of templates/ja_lens/css/mod_jaslideshowlite.css look for this css

.ja-ss-btns {
position: absolute;
right: 0;
top: 45%;
width: 100%;
z-index: 20;
}

And change it to

.ja-ss-btns {
margin-top: -40px;
position: absolute;
right: 0;
top: 50%;
width: 100%;
z-index: 20;
}

I hope this change would help !

[Author]

Posts