Toolbar Notification Tab --Position "Side Bar" Opens Off screen
By Marcus Palmer on Wednesday, 04 March 2015
Posted in General Issues
Likes 0
Views 1K
Votes 0
Hi,

I've placed Toolbar module on the sidebar of website, I'm finding that the notification drop menu goes off screen and makes browser adapt a bottom scroll bar!

Is their some css to make this responsive or change position?

SEE Attache File "Image"
Hello Marcus,

To using toolbar module we recommend at least 600px width for best result. Regarding your issues the sidebar is too narrow to fit in, we encourage replace Toolbar module with EasySocial Dropdown Menu or EasySocial Notifications.

If you insist to using toolbar module, I have attached the toolbar.zip, you will need place it into your template folder to override the component's toolbar.
/templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/default.conversations.php
/templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/default.friends.php
/templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/default.notifications.php
Chang
·
Wednesday, 04 March 2015 12:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi, in those zips is there alao the php for the toolbar profile?
Fidel Carrera
·
Wednesday, 19 August 2015 18:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fidel,

If I'm not wrong the toolbar for profile and dashboard is the same. Perhaps you can give it a try and see how it goes?
Ezrul Fazwan
·
Wednesday, 19 August 2015 20:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

I figured as much but the zip has three distinct categories so I assumed that the profile category wasn't included. I'm using dashboard, messages, friend requests and profile.

Thanks
Fidel Carrera
·
Thursday, 20 August 2015 00:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fidel Carrera,

If you want to customize the toolbar profile, you can copy this 2 files
components/com_easysocial/themes/wireframe/toolbar/default.login.php
components/com_easysocial/themes/wireframe/toolbar/default.profile.php
and then paste it into /templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/
to customize it.
Chang
·
Thursday, 20 August 2015 11:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

That solution helped for fixing the drop down notifications from loading bottom right to bottom left but it won't fix the profile drop down menu.

I have two ways to fix my issue for mobile regarding the profile drop down menu. The quick and dirty fix is to change its position from fixed to floating. The proper way is to add a media query that makes the profile menu short and scrollable on mobile devices. In order to do this I need access to a different file than the ones you mentioned in your last reply. My idea would be something along the lines of /toolbar/default.php or /toolbar/default.profile.php

Please let me know how to find the file that I need.

Thanks.
Fidel Carrera
·
Saturday, 22 August 2015 09:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Fidel Carrera,
Do you have this 2 files into your templates folder?
/templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/default.login.php
/templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/default.profile.php
At lines 20 update the codes from
data-popbox-position="<?php echo JFactory::getDocument()->getDirection() == 'rtl' ? 'bottom-left' : 'bottom-right';?>"

to
data-popbox-position="bottom"

This will make the profile dropdown position to bottom instead of bottom right.
Chang
·
Thursday, 03 September 2015 08:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I have resolved my issue.

Thank you.
Fidel Carrera
·
Thursday, 03 September 2015 14:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

You are most welcome. Glad to hear your issue now resolved.
Have a nice day!
Sam
·
Thursday, 03 September 2015 15:50
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post