Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Social icons won't show show in a mobile device

  • Mariak Bol
  • Mariak Bol's Avatar Topic Author
  • Offline
  • Senior Member
More
10 years 7 months ago #138430 by Mariak Bol
Hi, please help. the social icons wont show when i access the side on mobile device. I also want the social icons (facebook. twitter and google+) with counts.

Thanks

Mariak

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 7 months ago #138431 by Krikor Boghossian
Replied by Krikor Boghossian on topic Social icons won't show show in a mobile device
div.itemSocialSharing { display: block!important; }

That will do the trick (custom.css as always).

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Mariak Bol
  • Mariak Bol's Avatar Topic Author
  • Offline
  • Senior Member
More
10 years 7 months ago #138432 by Mariak Bol
Replied by Mariak Bol on topic Social icons won't show show in a mobile device
Thanks. It work!!!

Now i want to make facebook and google+ icons with count. How can i do that?

Thanks in advance.

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 7 months ago #138433 by Krikor Boghossian
Replied by Krikor Boghossian on topic Social icons won't show show in a mobile device
You need to add

for facebook you need to add this snippet to the facebook button (line 240)
data-layout="button_count"

it should look like
<div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="true"></div>

The google plus button seems fine, you can however change it if you want to its newer version

Change this
<g:plusone annotation="inline" width="120"></g:plusone>

to:
[code]<div class="g-plusone" data-annotation="inline" data-width="120"></div>[code]

All this code is located in templates/numotors/html/com_k2/default/item.php

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum