Social media buttons after menu links
-
Hello,
I have searched the forums and found people asking a similar question — wondering if they can get their social media buttons in their header image.
My social media buttons are currently in my secondary sidebar, but I was hoping there’d be a way to get them up (in line) after the ‘contact’ link in my upper menu.
Is this possible?
Thanks in advance!
The blog I need help with is: (visible only to logged in users)
-
Hi cameraxviscera,
Check out https://en.forums.wordpress.com/topic/social-media-icon-links-not-working?replies=6#post-2434750 — this person used Custom Menu links for their social media sites. It does involve some fun Custom CSS, as seen at the end of the thread, to accomplish the goal of adding those social media icons and make them clickable.
It’s not the most straight forward approach, but it should allow you to put those social icons after the contact link in your navigation menu.
Good luck!
-
Okay, I give in. I’m admittedly pretty lost on this one.
I tried tinkering with the secondary menu, tried tinkering with the CSS class. No luck.
Mind walking me through?
Thanks again
-
I can try.
Go to your Menus tab, get to your Primary menu (the one with articles, reviews, other junk, shop and contact) and add a new Link type of menu item for Twitter with your URL (https://twitter.com/cameraviscera).
Let me know when you’ve got this far…
-
-
-
-
Add this to your CSS.
li#menu-item-12292 a { background-image: url('https://cameravisceradotcom.files.wordpress.com/2015/07/twit1.png'); Background-repeat: no-repeat; background-position: 0 0; display: block; height: 24px; width: 24px; padding: 0; margin-left: 0; outline: none; float: right; vertical-align: bottom; margin-bottom: -10px; }Now go back to your Primary menu and remove the word twitter but leave the rest of the link intact.
-
I actually tried this exact method earlier and it didn’t work. Still having issues with it. I’ll keep at it!
-
Once you put the the Twitter menu link in your navigation, I added the CSS above and got a the Twitter logo behind the word twitter. Did you get that far?
-
Yes, the first time I tried creating the Menu link and then adding the CSS, it worked: I saw the little blue Twitter icon appear behind the word “Twitter” on my homepage. I went back to the admin menu, removed the title/word ‘Twitter’, saved it, but then it completely disappeared from my homepage, all of it — no Twitter link, no icon, nothing.
Since then, for whatever reason, I have been unable to replicate my results. I keep creating the menu and copying/pasting the CSS the same exact way I did before. Still, nothing.
My apologies for being a bonehead on this. I’m usually not this much trouble!
-
No worries. I just sounds like the menu item has been deleted if it’s no longer showing up.
(The person who implemented what you’re trying…changed to a different theme. Ha!)
-
Hey man,
Since you were so helpful with my queries before, I was wondering if you wouldn’t mind taking a shot at something else for me.
The layout of the “recent articles” section on my homepage currently goes like this: header picture, tile, brief description — stacked on top of each other.
I’m wondering: instead of that wide layout, is it possible to get an avatar/thumbnail of the header pic on the left side, with the brief description on the right side? To tighten and tidy things up a bit?
Examples:
bloody-disgusting.com
shocktillyoudrop.com -
You could probably get close to that sort of layout by using Display Posts Shortcode, but you would need to switch to a static front page to accomplish it.
- The topic ‘Social media buttons after menu links’ is closed to new replies.
WordPress.com Forums 