EasySocial Toolbar no responsive
By Alain de Arroyave on Wednesday, 25 March 2015
Posted in Technical Issues
Replies 9
Likes 0
Views 1.1K
Votes 0
Hello Staff

I have an issue with the EsaySocial Toolbar.
It is not responsive on desktop (works fine with mobile)
see the image below with protostar template

I also have an issue with the Joomlashine template in toolbar position. Icons are truncated (see image 2)

Thanks in advance for your help
Hi,

I am sorry for the late reply.
Regarding your second issue, Joomlashine template in toolbar position, icons are truncated. Can you please put this css override code into your current Joomla template. By the way, may I ask do I need to answer the first question because I think it is not relevant to your current situation.


body div#fd.es .es-toolbar .es-toolbar-wrap{

    margin: 2px 30px;

}


Hope this helps.
Yasser Ibrahim
·
Thursday, 26 March 2015 11:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mohd

Thanks for the code. It works perfectly.

Regarding the first issue, it is not resolved as you can see on the image below. The issue is only on desktop, it is ok on mobile device.
Alain de Arroyave
·
Thursday, 26 March 2015 16:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arr,

I am sorry as I not so sure what do you referring to at your previous reply. Here is my screenshot: http://screencast.com/t/cWg8TGKC . Perhaps you can explain more so that we can understand you better?

Please advise.
Yasser Ibrahim
·
Thursday, 26 March 2015 16:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mohd

When you click on a notification icon, a windows appears. this one is on the right out of the screen as you can see on the image below with a 1024x768 screen. This occurs only on desktop device. On mobile device the windows is perfectly centered.

Hope I am clear enough

cheers
Alain de Arroyave
·
Thursday, 26 March 2015 18:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hm, 1024x768 is really ancient Are people still using such resolutions? It's like "staying with IE6"

Anyway I have added a collision settings in the file /components/com_easysocial/themes/wireframe/toolbar/default.friends.php at line 18 where I have replaced the codes below,



data-popbox-collision="none"


To,



data-popbox-collision="flip"


Can you try this now?
Mark
·
Friday, 27 March 2015 00:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mark

Nice to talk again a little with you.
I took friend notification and 1024x768 as an exemple. In fact, the problem is with all notification (friends, conversations and notifications) and with all resolutions as you can see in the image in the first question of this topic.

But if you can't resolve this without hack, don't worry. It's not a big deal because it works on mobile device which is the principal.

Have a good day (or night?)
Alain de Arroyave
·
Friday, 27 March 2015 02:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arr,

Thanks for updating us back.

By the way, can you tried this solution provided by colleague in this thread: http://stackideas.com/forums/toolbar-notification-tab-position-side-bar-opens-off-screen and see if this resolved the issue.

Hope this helps.
Yasser Ibrahim
·
Friday, 27 March 2015 10:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mohd

Yes, the solution provided in the thead you indicated me works. Will you implant it in the futures releases ?

Anyway, many thanks to helped mo to solve the issue.

Regards
ArrO
Alain de Arroyave
·
Friday, 27 March 2015 20:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the heads up on this ArrO, glad that your issues are resolved now. Yes, we'll consider implementing these in the near future.
Mark
·
Saturday, 28 March 2015 02:11
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post