Joomla Templates Club 406,261 posts

[habdul Friend habdulJoin date: October 2012Posts: 64Downloads:92Uploads:30]

#976867

Compliments of the day,

I had posted the same topic above some days back and had gotten a fix that rectified the problem somewhat. (https://www.joomlart.com/forums/topic/ja-slideshow-issue-on-home-1-position/)

However I discovered this evening that the module is not responsive and the output of the module and the images within it on mobile devices is same as on desktop.

http://mobiletest.me/iphone_5_emulator/?u=http://icom.ng

What can be done?

Thanks

Hassan

---

Attachments:

1. 

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

#976949

Hi
JA slideshow module does do not included in the Teline V , this is the reason its not styled for this template .
http://prntscr.com/cv86uc
Kindly publish the module on your site so that I can check this issue .

[habdul Friend habdulJoin date: October 2012Posts: 64Downloads:92Uploads:30]

#977054

Hello Pankaj,

Thanks for your response.

Please check on the site now. It has been published.

Hassan

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

#977074

Hi
I checked your site , i am afraid the slideshow does not comes with the template and there is no style defined for it to adapt the slideshow in each view , In this mobile due to small space it can not show the full image . Becuase the width of images is already defined .
You can add below code in custom.css file to make the width as 100%

.ja-slide-right {
    width: 100%!important;
}
.ja-slide-main {
    width: 100%!important;
}

This will make it 100% width.

[habdul Friend habdulJoin date: October 2012Posts: 64Downloads:92Uploads:30]

#977150

Hello again Pankaj,

Thanks. I tried that but instead it now just shows me a white space where the module should be.

See image attached:

Hassan

---

Attachments:

1. 

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

#977159

Hi
In that case, I suggest you remove the code and use only this code

.ja-slide-main {
    width: 100%!important;
}

otherwise, i suggest you can hide it for the smaller view if you do not like the current view .

[habdul Friend habdulJoin date: October 2012Posts: 64Downloads:92Uploads:30]

#977222

Hi Pankaj,

Thanks for all the tips. It still didn’t work. Using the code above actually forces the slideshow module itself to responsive width. However, the image inside the module is not affected. This results in the image being cropped to the size of the screen, rather than resized.

I have hidden the position for now though until when/if a solution can be found.

Regards

Hassan

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

#977943

Hi
I am sorry this is the only solution since it does not adapt the very small view with current style .
You can use the same view or hide it from smaller view as per needs .

Regards

[Author]

Posts