Info [cXF] Social Icons in Header

Currently reading:
Info [cXF] Social Icons in Header

Status
Not open for further replies.

BassMan

Staff member
Administrator
May 18, 2015
2,930
1,381
Last edited:
sih-icon.png

Description:
This add-on will add an option for social icons (Facebook, Twitter, Linkedin, Google+), RSS or contact icon to show in header.

* if you will use Font Awesome icons, it is recommended to install this add-on: [cXF] Font Awesome Switch 4.6.1 | customizeXF, unless you already have them installed by a third party style or add-on.

Download it here: [cXF] Social Icons in Header

Features:
  • show social network icons in header (Facebook, Twitter, Linkedin, Google+)
  • show RSS icon in header
  • show contact icon in header
  • all icons a customizable (color, hover color, size, icon can be changed)
  • option to open links in new tab
  • option to load Font Awesome locally or by CDN
  • option to position icons in header (move up/down, left/right)
  • option to set icons size on mobile landscape view (suggest to set them smaller if you have all icons enabled)
  • option to disable icons on mobile screens completely

Example screens:
sih.gif

Style property group is below Header and Navigation group

sih_sp_group.PNG


Example for editing the Facebook icon

sih_sp.PNG


Installation:
  1. Download and unzip it
  2. From your Admin Control Panel, go to the "Install Add-on" page
  3. Upload the xml file and click the Install Add-on button.

Note:
  • tested on default style only
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

actormike

Member
Oct 28, 2015
10
2
It would be nice to be able to see them on mobile, but I would rather the header take up the whole space because I think it looks good. I'm actually thinking the social media icons would look better inside the Menu Bar where the Dark Purple area is to the right, what do you think? Is that possible?
Screenshot_2015-10-28-10-57-03_resized.png
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

actormike

Member
Oct 28, 2015
10
2
I was looking at the add on more today and realized there are settings for positioning as well. After messing around with it, I came up with the layout below. I think it would be good to be able to control the positioning for mobile devices as a separate setting along with the font size which you have already implemented. I really don't need as much margin for the icons on mobile devices.


Screenshot_2015-10-28-19-12-02_resized.png
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.
Status
Not open for further replies.

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Search forums

Top