Hi,
I am currently trying to get the Social II template working across my site. It is working OK on most pages but when I assign it to the JomSocial pages the JS Toolbar stops appearing in the 'head-login' position. In the attached screenshots toolbar1.jpg shows how its displayed on other pages and toolbar2.jpg shows how its not displayed on the community/jomSocial pages.
At the same time the JomSocial toolbar/header is no longer displayed in the main section of the page (the second question mark in toolbar2.jpg) and toolbar3.jpg shows how I'd expect it to look.
I imagine it is some rooky error I've made but I've been through all the settings several times and cannot find where its going wrong.
Are you able to provide and guidance.
The problem is occurring on my development site, the live site uses the Socialize template for the Community pages and seems to be just fine.
JS Toolbar not displaying on some pages
jonc1
Hi
The Toolbar menu items that display inside the JomSocial is not a module and it is core feature.
Explained here : https://documentation.jomsocial.com/wiki/Toolbar_Explained
You can display this option from JomSocial configurations > Layout : http://prntscr.com/1vn2yra
On the other hand the module JS Toolbar https://documentation.jomsocial.com/wiki/JS_Toolbar
The Module will display only if the module position is correct as 2 different template use different module positions and it is not same in case of JA Social ii.
Pankaj,
I have done more testing and the display of both the JomSocial Toolbar and of the JS Toolbar only occur on larger screen widths. I have been through the documentation for both and can still cannot find why this may be the case. Is there somewhere else I should be looking to establish how to fix this? I cover each in a bit more detail below.
I have the JomSocial Toolbar set to be displayed in the Jomsocial configuration. It seems to display on smaller screens (shot1.jpg) but not on wider screens (shot2.jpg). I can find nowhere in my settings that should cause this to happen.
For the JS Toolbar, I have it set to display on all the pages using the Social II Template in the 'head-login' position and in the template - edit style - layout this should appear in that module position regardless of screen size but only appears on the smaller screen sizes. (Also shown in shot1.jpg and shot2.jpg).
I have deleted the Socialize Template and the modules associated with that template so that should not be causing the issue. I have a second instance of the JS Toolbar module which is used on pages using the JA Page Builder template and that seems to be fine on all screen widths.
I suspect I may be doing / have done something stupid during the move to the Social II template and the fact that both these problems occur only when using that template and only at certain screen widths suggests there is some connection between them but at the moment I am at a loss to understand why either of the problems occurs.
jonc1
Hi
I found the cause of issue it is not showing from custom.css you added
.joms-subnav--desktop, .joms-toolbar--desktop, .joms-toolbar--mobile
{
display: none;
margin-bottom: 14px;
background: #c5e0b4;
border: 1px solid rgba(0, 0, 0, 0.06);
color: #2f2f30;
}Kindly remove it and it will show the toolbar again http://prntscr.com/1vs0pui
Thank you so much Pankaj, I cannot even remember why I added the custom.css but removing it has certainly fixed the problem.
I really must learn more about how to track down errors I make - but thanks again for your help