[Frank Valley]

I’ve been poking around trying to get social media icons to work for some time now and I can’t get them to appear.

I want them at the top right of the page, like where the default menu would be, but I can’t find a way to get them there. (or anywhere at this point) My site is https://rubes.live/

Thank you in advance.

[Skandha]

@iammrfrank: Hello there,
I am afraid that the option to display social icons on header right. However, you can display the social icons in the Footer Area using our CT: Social Icons widget.

Let me know if this helps you out!
Kind Regards,
Skandha

[Frank Valley]

That’s… pretty disappointing.

I really need them at the top of the page AND in the footer. It doesn’t do a lot of good to have people scroll to the very bottom of the page for that.

[Skandha]

@iammrfrank: Hello there,
I understand that. I will consult with my development team and let you know if anything can be done about this issue.

Kind Regards,
Skandha

[Frank Valley]

Thank you. I will continue to follow this thread.

[Frank Valley]

Any chance I can get an update on this @Skandha

[Skandha]

@iammrfrank: Hello there,
Can you please add your social menu in the default menu section so that I can provide you the necessary CSS Code?

Kind Regards,
Skandha

[Frank Valley]

Looking through, I’m not sure exactly how to do that?
I created a new menu called “SocialMenu” but there is no option to include social media icons in it.
I can add custom links, but I see no other option for the social media icons.

[Skandha]

@iammrfrank: Hello there,
You site doesn’t seem to accessible right now. Please let me know when your site is accessible.

Kind Regards,
Skandha

[Frank Valley]

It’s accessible again. (Had an issue with a cert preventing things from coming back up after a reboot)

[Skandha]

@iammrfrank: Hello there,
Can you please Go to => Appearance => Customize => Menus => View Location => Select your Social Menu as the Primary Menu.

Then I shall provide you the necessary CSS Code.
Kind Regards,
Skandha

[Frank Valley]

Done.

[Skandha]

@iammrfrank: Hello there,
I checked your site and did not see any menu. Can you please check again and set your Primary Menu as Social Menu.

Kind Regards,
Skandha

[Frank Valley]

Apparently links and screen shots don’t post…..

At my base URL, you can see ss1.png ss2.png and ss3.png if you want to see what I see. (that everything is enabled, just empty)

[Skandha]

@iammrfrank: Hello there,
It looks like you do not have any menu items in your social menu. Can you please add some
menu items? Click on Add items and Select Custom Links. Then insert the URL to your social media link.

Kind Regards,
Skandha

[Frank Valley]

Not sure why, but my last post didn’t go through.

I’ve enabled everything i can..

https://rubes.live/ss1.png
https://rubes.live/ss2.png
https://rubes.live/ss3.png

[Skandha]

@iammrfrank: Hello there,
I saw that you select Social Menu as the Primary Menu but the menu does not have any items so you will need to add menu items to Social Menu.

Go to => Appearance => Menus => View Location => Edit Social Menu => Add items => Custom Links => Insert the URL to your social media links.

I hope this was helpful.
Kind Regards,
Skandha

[Frank Valley]

This is done.

[Skandha]

@iammrfrank: Hello there,
Go to => Appearance => Customize => Additional CSS add the following CSS Code.

#menu-item-260 {
    visibility: hidden;
    width: 25px
}
#menu-item-260 a::before {
    visibility: visible;
    content: '\f203';
    font-family: Genericons;
}

This should work for the Facebook icon but the Band camp icon does not seem to be available in the Genericons Font.
To have the Band camp icon you will need to enqueue Font Awesome Fonts in your theme. For that you will need to create a child theme and do a little bit of customization.

Let me know if you are familiar with child theme customizations otherwise I suggest you to hire a customizer to get it done.
Kind Regards,
Skandha

[Author]

Posts