Logout button on JS Toolbar missing on mobile screen

andrewwinkler

On the mobile screen (e.g. iPhone 6/7/8) the logout button on the JS Toolbar is not being displayed. How can I change that?

Ninja

andrewwinkler
Hi
The module does not have the same layout in the mobile. It has different layout that has the setting icon in the mobile to show the logout button.
On your site it is hidden with a custom code : http://prntscr.com/kz769h
You can show it again and it will give option for logout.

Regards

andrewwinkler

I got rid of the CSS override that I had inserted to get rid of the "profile" icon because it was doubling up with the profile menu on the mainmenu and less comprehensive. Anyhow, not that the icon is back, there is still no logout button showing. I couldn't find any other override responsible for that.

Ninja

andrewwinkler

The module does not have the same layout in the mobile. It has different layout that has the setting icon in the mobile to show the logout button.

Kindly click on the icon and it will give the button for logout.

This is code that work only for mobile

@media(max-width:768px;){
.t3-community-toolbar .dropdown-toggle .glyphicon-cog {display:block;}}

Regards

andrewwinkler

Sorry, but that made no difference, even after clearing cache.

Ninja

andrewwinkler
Hi
You need to use older code as it was before and add this code to show it in mobile

@media(max-width:768px;){
.t3-community-toolbar .dropdown-toggle .glyphicon-cog {display:block!important;}}

Regards

andrewwinkler

That's better. Now, however, the logout option is displayed as a menu item when you click on the gear/profile icon, not as a separate logout icon next to it like on the wider desktop screen. Is there no way to display the logout icon on the mobile screen too?

teitbite

andrewwinkler Hi. This is how it should be working. on mobile saving space and grouping buttons is a good practice. It's extreamly hard to extract this button from the desktop menu, but if You need it try attache this script to bottom of template's js file:

$('#t3-community-toolbar .visible-xs').append('<li><a class="dropdown-toggle" href="javascript:" title="Log out" onclick="document.communitylogout3.submit();"><span class="glyphicon glyphicon-off"></span></a></li>');

andrewwinkler

That made no difference.

teitbite

andrewwinkler Hi. Please attach and access to ftp. I'll try to add it myself.

Ninja

andrewwinkler
Hi
Kindly remove the script suggested by co-worker.
I added a fix in file file "/html/mod_community_toolbar/default.php" in template "socialize".
Now you can see the icon in mobile.

Regards