Easysocial toolbar issue
By Fidel Carrera on Wednesday, 19 August 2015
Posted in Technical Issues
Replies 11
Likes 0
Views 887
Votes 0
Hi,


I have a few issue with the easy social toolbar. Is there a way to make the tool bar drop downs load to the left and not to the right? I have added some CSS tricks to reduce their width so that they dont load off of the screen but this solution is not ideal. I was able to crrate a solution using inspect element by changing the drop down class from bottom-right to bottom-left but i am unable to properly replicate this through custom css. I also cant find the stock code to modify it.

Also, is there a way to make the length of the toolbar drop downs work on mobile devices? Right now they are too long and can't even be scrolled on mobile devices. They just load past the bottom of the mobile screen and while you may still scroll the web page, the menu does not scroll or move.

You may see these issues at dev.myvirtualgaming.com
testing1/testing1


Thanks.
Hello Fidel Carrera,

Can you provide us your site access and some screen shots of what you want to achieve here?
Chang
·
Monday, 24 August 2015 12:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Fidel Carrera,

For the toolbar module issues you can get the solutions from this post, thanks. http://stackideas.com/forums/toolbar-notification-tab-position-side-bar-opens-off-screen
Chang
·
Wednesday, 19 August 2015 17:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Another tech support rep was able to help me by showing me where the profile toolbar file was located. I was able to resolve all of my issues but one.

My drop downs all load bottom left now but I need to know where the file is to edit the profile drop down. I need to change its size and make it scrollable on mobile. I have been able to achieve this using inspect element tool but I am unable to find the actual file where I can make these changes. The required code could not be found in the profile php file that was suggested.

Thanks.
Fidel Carrera
·
Sunday, 23 August 2015 19:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Fidel Carrera,

The sources for the profile dropdown at /components/com_easysocial/themes/wireframe/toolbar/default.profile.php
If you need to customize please make a copy to /templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/default.profile.php
To override the dropdown styling you can insert css codes below into your custom stylesheets.
e.g.:
div#fd.es.popbox-toolbar {
height: 300px;
overflow-y: scroll;
}
Chang
·
Sunday, 23 August 2015 21:30
·
0 Likes
·
0 Votes
·
0 Comments
·
HI,

I have placed this code into my themes custom css file and it will not work. I have been able to achieve everything else that I want using custom css with the exception of this. The code is clearly working partially because it has added a scroll bar to the drop down but it will not change the height.

Can you maybe help me resolve this?

Thanks
Fidel Carrera
·
Monday, 24 August 2015 03:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I finally resolved the issue using a bunch of media queries.

My only current issue is regarding my forum signatures which I have already made a post about.

Thank you for your help.
Fidel Carrera
·
Monday, 24 August 2015 14:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating us on this Fidel
Mark
·
Thursday, 03 September 2015 02:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry it took so long. I've been crazy busy with the launch.
Fidel Carrera
·
Thursday, 03 September 2015 03:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fidel,

Not a problem. May I know if you still facing the issue here?
Ezrul Fazwan
·
Thursday, 03 September 2015 16:35
·
0 Likes
·
0 Votes
·
0 Comments
·
This issue has been resolved. I still currently have two open issues in my other threads.

Thanks.
Fidel Carrera
·
Thursday, 03 September 2015 17:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fidel,

Glad to hear your this issue resolved now. Will attend to your other threads shortly
Thanks and have a nice day!
Sam
·
Thursday, 03 September 2015 17:24
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post