By Sougata Basu on Friday, 23 October 2015
Posted in Technical Issues
Replies 15
Likes 0
Views 0.9K
Votes 0
We have used EasyBlog Showcase module on our website's homepage. The module works fine on the desktop.

However when we tested in multiple browsers in iOS and Android, the module behaves differently and is not responsive. Can this be resolved?

Is there any other alternate slider module in EasyBlog to showcase photos?
Hey Sougata,

I am sorry for the delay of this reply,

Hmm, I also not really familiar with this Rockettheme Gantry framework.

By the way, I already applied above css code into JoomlaFolder/templates/rt_afterburner2/html/com_easyblog/styles/custom.css, can you clear your mobile phone browser history/cache and try access your site homepage again is it look better now?
·
Tuesday, 03 November 2015 12:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Sougata,

I am sorry for the delay of this reply,

I've tested in my Android phone, but it seems like work fine for me, you can take a look of my attached file below.

Perhaps you can provide us with your screenshot so we can take a look?

By the way, we currently only have Easyblog Showcase module only.
·
Friday, 23 October 2015 20:27
·
0 Likes
·
0 Votes
·
0 Comments
·
The module looks different in some devices.
·
Saturday, 24 October 2015 03:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Sougata,

Can you please elaborate more on this please?
·
Saturday, 24 October 2015 19:02
·
0 Likes
·
0 Votes
·
0 Comments
·
I was comparing the module with some other Joomla slideshow modules like Slideshow CK.
The photos sometimes get cropped in the EasyBlog showcase module whereas there are other sliders that show the photos properly in mobile devices.
·
Sunday, 25 October 2015 02:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Sougata,

Any way to reproduce this? "Sometimes" is a pretty vague word and it's really difficult for us to identify the issue if this only appears "some times" for you

Arlex has tried to reproduce this issue on your site but to no avail.
·
Sunday, 25 October 2015 12:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Please check the attached screenshot.

If you see the photo on your desktop vs the one in mobile, you will see that the photo gets cropped due to smaller screen size. A mobile responsive slider shows the same photo (full size with lower dimensions). I have used a free Joomla module called Slideshow CK and it shows photos without cropping them in mobile devices.
·
Wednesday, 28 October 2015 20:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Sougata,

I am really sorry for the delay of this reply,

I've tried to access in your Joomla backend, but i hitting this :
Login denied! Your account has either been blocked or you have not activated it yet.


By the way, I already checked in our code, you can actually turn off this cropped feature from the showcase module settings, you can take a look of my screenshot below.

But this cropped feature only affected for these 2 showcase layout option e.g. default and legacy

Perhaps you can change to use default or legacy layout and see how it goes?
·
Friday, 30 October 2015 16:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Please try to login now.
I tried turning off the crop photo feature but the issue remains.
·
Monday, 02 November 2015 01:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Sougata,

I am sorry for the delay of this reply,

I've tried to access in your Joomla backend again, but I hitting this :

Warning
You do not have access to the Administrator section of this site.

Can you assign this user `easyblog` have Superadmin privileges so we can access in your Joomla backend and check on this issue?
·
Monday, 02 November 2015 10:25
·
0 Likes
·
0 Votes
·
0 Comments
·
I have changed the ACL.
Please try again.
·
Monday, 02 November 2015 12:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Sougata,

Thanks for getting back to us quickly, it seems like you using `SideNav` showcase layout, unfortunately this layout is not support uncropped/cropped feature.

By the way, I've tried to apply this following custom css code into your current template file JoomalFolder/templates/rt_afterburner2/css-compiled/bootstrap.css , but it seems like my new custom css code didn't load on browser when I refresh.

May i know is it need to do some css compile in your current template?


@media (max-width:768px) {
div#fd.eb.st-5 .eb-gallery-body {
padding: 5px !important;
}

div#fd.eb.st-5 .eb-gallery-box {
height: 173px !important;
}
}
·
Monday, 02 November 2015 13:51
·
0 Likes
·
0 Votes
·
0 Comments
·
I am not sure. It's a template from Rockettheme using Gantry framework.
I have made some CSS changes in the past but didn't need to do css compile.
·
Tuesday, 03 November 2015 02:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Alex.
Now the responsiveness has improved.

Can some changes be done in the EasyBlog showcase module so that the CSS changes do not get overwritten when EasyBlog modules or the Joomla template is updated?
·
Tuesday, 03 November 2015 14:43
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome.

Yes, it will not get override when you update to next version.

Because I already put that custom css code into your current template folder.
·
Tuesday, 03 November 2015 16:19
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post