ISSUE SUMMARY:
Hello in my JomSocial page the JS Toolbar is positioned vertically rather than horizontally.

STEPS TO REPLICATE:
1 Fix Position
2
3
4
5
RESULT
EXPECTED RESULT
BROWSER

Hi,

the issue from the site template it self:
/templates/shaper_eventum/css/template.css line 1778

.sp-module ul > li {
  border-bottom: 1px solid #e8e8e8;
  display: block;
  transition: all 300ms ease 0s;
}

Hello Albertus,

when the cache be cleaned, the code is generated again, also in mobile version is still looking misconfigured.

Hi,

please find at site template documentation, in what way to put custom CSS code?
you need to put the CSS that I provided at prev reply.

Regards

Hello Albertus, they already made the change in the template, but even still misconfigured on the mobile version? still remains the problem of template or extension?

Hi,

please check it:

#sp-top1 .sp-module ul > li {
  border-bottom: 0;
  display: table-cell;
  transition: all 300ms ease 0s;
  padding: 0;
}

#sp-top1 .sp-module ul.joms-dropdown > li {
  width: 100%;
}

#sp-top1 .sp-module ul > li > a::after {
  content: none;
  float: inherit;
  font-family: FontAwesome;
  margin: inherit;
}

.sp-module ul > li > a {
  padding: 10px 8.5px 13px;
}

Hi Albertus thank you so much you are awesome.

Thanks again