Hello Chris,

There is no quick way in order to achieve this. Perhaps you can try to find the following css code inside your /components/com_easysocial/themes/[your current theme]/styles/style.css,

body div#fd.es.w480 .btn-sidebar-toggle {

  display: block;

  float: none !important;

}

/* Replace w480 with the w600 and see how it goes */

No that does not work... When I open my developer tool and insert in the es-main div 480, then it works. But I can`t find it in the wireframe template.

<div id="fd" class="es es-main view-dashboard es-responsive DS06223569009453058 wide w960 w768" data-es-structure="">

to

<div id="fd" class="es es-main view-dashboard es-responsive DS06223569009453058 wide w960 w768 w480" data-es-structure="">

In my template i have a special css only for "mobile". Can I enter a code there, that the sidebar always is toggled?

Hello Chris,

The responsive value for is calculated by javascript, to achieve it you will need to edit /media/com_easysocial/scripts/easysocial-[version number].static.min.js
search for
{at: 600, switchTo: 'wide w960 w768 w600'}
change it to
{at: 600, switchTo: 'wide w960 w768 w600 w480'}

p/s: When you upgrade to latest version, your modified .js file will be replaced. Hence you will need to manually update the easysocial-[version number].static.min.js again.

Thanks for the hard work. But even that does not work. Take a look at S4... Is it not impossible to hide the sidebar complete in my CSS and to toggle? In my CSS the side bar fully to toggle? I have a separate CSS for Mobile...

Thank you Chang and greetings from Germany

Hello Chris,

Can you elaborate a bit more with screenshots and site details so that we can get a solutions for you, thanks.