I've noticed that too.

hello Neel,

I am really sorry for the delay of this reply as it is a weekend for us here.

Thank you for your report. Did you try install our friend from TechJoomla have already created on EasySocial app for you guys to try out.

Personally I haven't try it yet so I can't really say much about the usability.

You can get it from Google Play Store here : https://play.google.com/store/apps/details?id=com.techjoomla.easysocial&hl=en

It's a free app, by the way.

No... I dont want to have an app for this and I feel its not really the solution for this. I would rather have the rwd for easysocial work with less glitch in mobiles. I am assuming this issue might be due to using the JavaScript for changing the viewport after the page loads which is probably causing the page to load all distorted in smaller screen until the js adjust the css for that viewport. If it was used directly with css media queries, I think it will be a lot smoother. Not sure if I am right... would love to hear your solution for this and if you can shed some lights on why this is happening...

Hello Neel,

EasySocial utilizes javascript to determine the viewing area of the extension. We cannot use css media queries for this because it depends on your Joomla template. When the page renders, the javascript isn't kicking in yet and when the javascripts kicks in, it adds additional css classes on the page to determine the viewing area of the viewer.

Where would the file be located with regards to the javascript that renders the CSS? I'm wondering if copying some of the rules to the template's custom css would help.

Mark wrote:

Hello Neel,

EasySocial utilizes javascript to determine the viewing area of the extension. We cannot use css media queries for this because it depends on your Joomla template. When the page renders, the javascript isn't kicking in yet and when the javascripts kicks in, it adds additional css classes on the page to determine the viewing area of the viewer.

Hi Mark, that's what I thought. Also since the JavaScript only kicks in after the page load is completed, it's not looking good the first few seconds and it's very noticeable since a lot mobile users don't have high speed connections like desktop. What can be done so it doesn't look bad during the load and js execution time? I was thinking maybe to showing a loading gif for smaller screen devices until the JavaScript renders the page for that viewport which should hide the distorted view at the beginning. Your views?

@ Neel, the loading gif is a great idea!

I agree, I have the same issue. A Modal effect with a load screen would probably hide the this...

Hi,

We will see if we can include this in the future.