Double scrollbars and gap at top after installing JomSocial

toddjharrison73

Good (morning/afternoon/evening)!

I am using the latest version of the JA Beauty Salon template and the amazing JomSocial. However, on many of the pages, there is a strange gap at the top and double scroll-bars on the side.

1up Blogs

This only occurred after installing JomSocial, but I understand that correlation doesn't always equal causation. In other words, it happened when I installed JS, but it might not be caused by JS.

I have spent quite a bit of time trying to troubleshoot this and have come up blank.

Any help you could give would be greatly appreciated.

Thank you!

Todd

saguaros

Hi Todd,

I check your site but there is only 1 scroll bar and no gap on top, did you get it solved?

toddjharrison73

Ahhh no, I haven't!

I've double-checked on all three browsers... Chrome, Edge and FireFox.

saguaros

toddjharrison73

I dig deeper on this and find out that these 2 divs caused issue: fb-root and another from Jomsocial: joms-js--attachment-uploader

You can use this custom css to fix issue:


#fb-root {
  margin-top: 0 !important;
}
#joms-js--attachment-uploader {
  height: 0 !important;
}

toddjharrison73

Hi Saguaros,

That has worked perfectly, thank you!!

You can mark this one resolved.

Thanks again,

Todd

saguaros

toddjharrison73

You're welcome!