I've tested in my mobile phone, it seems like that left sidebar seems fine if i click it on the top of the page.

Can you check my attached video and see whether I reproduce this issue wrongly?

Also on desktop I have to scroll bars on the right which may be due to left toggle bar.

Do you mean this scroll bar? http://take.ms/5i4tR

Hello

I see error on my mobile device which is a iPhone 8plus.

Please review attachment.

Also yes, that’s the scroll bar I’m referring to on link you provided.

I am sorry for the delayed of this response, because i need to consult with our designer regarding this issue today.

After our designer checked on your site, it seems like all these module which display at the Easysocial user dashboard above (http://take.ms/kHqti) will caused this issue.

2 Solution :
1. Remove all these module which display at this following module position.
- es-general-top
- es-general-after-toolbar

2. Download my attached file and replace into this file location JoomlaFolder/templates/office/html/com_easysocial/structure/default.php , it will disappear these module on the mobile layout.

By the way, we will remove all these module position for prevent this issue in next Office template version.
- es-general-top
- es-general-after-toolbar
- es-general-before-contents
- es-general-bottom

Regarding that scrollbar, I've applied custom css into your template custom.css file it should disappear it.

/* remove the site extra scrollbar*/

body .body-innerwrapper {

    overflow-x: inherit !important;

}

Do take note, I noticed you have use Cloudflare on your site, make sure you have purge the cache and your backend cache before you re-test this on your site.

Hello

I'm going to do what you suggested do I need to keep compression settings enabled? (1st attachment)

https://thebullyplanet.com/administrator/index.php?option=com_templates&view=style&layout=edit&id=31

Also I'm using Plesk cpanel do I put code below in additional niginx directives?

gzip on;
gzip_disable "MSIE [1-6]\\.(?!.*SV1)";
gzip_proxied any;
gzip_comp_level 5;
gzip_types text/plain text/css application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript image/x-icon image/bmp image/svg+xml;
gzip_vary on;

Found code on youtube: https://youtu.be/721LE8l1lz8

Now I removed all these module position to fix issue, then when I relocated them to right position issue happened again. Could you look to see if a module is defective?

Also I'm using Plesk cpanel do I put code below in additional niginx directives?

gzip on;
gzip_disable "MSIE [1-6]\\.(?!.*SV1)";
gzip_proxied any;
gzip_comp_level 5;
gzip_types text/plain text/css application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript image/x-icon image/bmp image/svg+xml;
gzip_vary on;

Found code on youtube: https://youtu.be/721LE8l1lz8

Hm, to be frank with you, i never done this configuration setting in Plesk Cpanel before, i think it would be best you can consult with your webhosting provider regarding this.

What i can suggest is, if you configure all these thing, make sure you have temporary change these setting on your site first, if not the result will not show accurately :

1. Disable your cache system setting from your global configuration page http://take.ms/8ZHwB
2. Disable this System - Page Cache plugin from your plugin manager
3. Temporary turn on your Cloudflare server to development mode (it only can last 3 hours, after 3 hour, it will automatically convert back to production mode), so it will not load the cache data on your server.
4. Clear your backend cache and your device browser cache when you test that time.

Now I removed all these module position to fix issue, then when I relocated them to right position issue happened again. Could you look to see if a module is defective?

Keep us update if this issue still persists if you did above steps it still not show the correct layout.

Ive done what you suggested..

Everything is working now..

Thanks for your help.

You're most welcome.

After you done the configuration part, then you can re-enabled those setting back again.

But remember purge the cache from your Cloudflare server, so it can able to re-cache and re-compression those CSS stylesheet and Javascript on your site.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding