Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Problem with new JS Toolbar

7 years 6 months ago
  • lion's Avatar
    Topic Author
  • lion
  • Offline
  • Junior Boarder
  • Posts: 103
  • Thank you received: 2
Licenses:
JomSocial Active iSEO Active Socialize Active

Hallo, i have installed the new JS Toolbar and if i change the color it does not take effect.



I have placed the new toolbar at the same place "top header" like the old but i have a space between

==>For information; i have changed it again with the old Toolbar because of the design

Attachments:
7 years 6 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

- if you wanna change the color, let we do it manually.. there is something wrong with T3, what color do you want to changes?
- can you enable again the JS toolbar module, please? I will give you the solution. But well, I think your current toolbar is enough

thank you!

7 years 6 months ago
  • lion's Avatar
    Topic Author
  • lion
  • Offline
  • Junior Boarder
  • Posts: 103
  • Thank you received: 2
Licenses:
JomSocial Active iSEO Active Socialize Active

Hi, the problem was that the toolbar was not up to date. For example, 4 Messages is displayed at the top toolbar and in activity stream toolbar 1.
They are not synchronized

=> I have activated the new toolbar (Color @gray-dark - HTML-Code: #333333

Is it possible to move the toolbar a litttle bit to the left? i tried in two Browsers and if you want to logout you get the scroll bar

Attachments:
7 years 6 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

Here is the code to fix the padding

@media only screen and (min-width: 992px){
style.css:1
.joms-module--toolbar > ul {
    width: auto !important;
    padding-right: 260px;
    padding-left: 125px;
}
}

7 years 6 months ago
  • lion's Avatar
    Topic Author
  • lion
  • Offline
  • Junior Boarder
  • Posts: 103
  • Thank you received: 2
Licenses:
JomSocial Active iSEO Active Socialize Active

Hi, where i have to put this code, and how can i edit the space how you see in the screenshot 2




ohhh no after i edit the code in styles.css with the color it looks so bad if i login

Thanks

Attachments:
7 years 6 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

Please check again, I already fixed this..

Attachments:
7 years 6 months ago
  • lion's Avatar
    Topic Author
  • lion
  • Offline
  • Junior Boarder
  • Posts: 103
  • Thank you received: 2
Licenses:
JomSocial Active iSEO Active Socialize Active

Thank you Dimas! Can you Change the Color also in frontend?


I have deactivated the old Version and i see there is further a space between, .......look at the attachment

Attachments:
7 years 6 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Done, please check again..

7 years 6 months ago
  • lion's Avatar
    Topic Author
  • lion
  • Offline
  • Junior Boarder
  • Posts: 103
  • Thank you received: 2
Licenses:
JomSocial Active iSEO Active Socialize Active

i have tried in 3 different browsers, no change, (i have deactivated ....until is solved, because it Looks not so good for my users)

7 years 6 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

maybe it cache, i enabled it back and the icons color are good

Attachments:
7 years 6 months ago
  • lion's Avatar
    Topic Author
  • lion
  • Offline
  • Junior Boarder
  • Posts: 103
  • Thank you received: 2
Licenses:
JomSocial Active iSEO Active Socialize Active

Hi, this is frustrating because i have noticed this new toolbar has 2 bugs with smartphone, 70% of my users use the site over smartphone.

Please Dimas, can you help me to hide all the Icons at my old JS Toolbar....by the way, the problems I still have, but it would be solved with this, so the users use only the toolbar from the Communitybar

Attachments:
7 years 6 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

Do you want hide the icons on desktop or mobile only? because the code is different, to hide on mobile only you can use this code

nav#t3-community-toolbar ul.visible-xs > li:nth-child(1),
nav#t3-community-toolbar ul.visible-xs > li:nth-child(2),
nav#t3-community-toolbar ul.visible-xs > li:nth-child(3),
nav#t3-community-toolbar ul.visible-xs > li:nth-child(4) {
    display: none;
}

7 years 6 months ago
  • lion's Avatar
    Topic Author
  • lion
  • Offline
  • Junior Boarder
  • Posts: 103
  • Thank you received: 2
Licenses:
JomSocial Active iSEO Active Socialize Active

both,....where i have to put the code in the template?
Thank You

Attachments:
7 years 6 months ago
  • Dimas's Avatar
  • Dimas
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

Done.. I already added the code on Before head textarea

thank you!

Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW