Moving Social Icons down navigation bar,

[emidzi 0]

I want to move my social icons down to the navigation bar. I prefer -50, as mentioned in this previous discussion. previous discussion However I cannot get the icons to work. I am unsure where to insert code. Thanks, Elizabeth

[Sourena 2]

Insert them here (shown with the red arrow):

[emidzi 0]

It does not work.

[emidzi 0]

I works now, but only if you touch the top of the social icon, not if you touch in the middle of the icon. Is there any way to tweak the code so it works when you touch the middle of the icon? Thanks, Elizabeth

[bryan-hadaway 3]

It's probably because it's behind the nav, the transparent part, you may need to make the width smaller. Thanks, Bryan

[rigaman 0]

I am trying to accomplish the same thing: place my social icons bottom-aligned with the nav. I can't figure out how to do a hook. I'm new to hooks and CSS. I can fumble my way through copy & paste CSS code offered in these forums, but hooks are a bridge too far. So, I am trying tojust get by with the workaround described above (icons set at -50px and narrow the nav to enable mouseover and clickof the icons. Icons moved down nicely, but problem is I can't get the nav {transparaent part) out of the way tomake the icons accessible. Closest I seem able to get (with aid of Firebug) follows below (either incomplete or incorrect attempt at a fix)... can someone please help? I would really like detailed step-by-step directions for implementing a hook (Dummies version). Short of that, helping me at least implement this workaround would be nice. Many thanks! Dan #primary-nav ul.main-nav.nosearch { width: 600px; }

[timlinson 3]

Instead of shrinking the nav width, try lowering its z-index as Adam describes here: `#primary-nav { z-index:9; }` For a basic hooks primer with a video intro, try this: http://www.pagelines.com/docs/base-child-theme

[rigaman 0]

Thanks for the help! I just came back to this and found a similar fix by increasing the z-index on the icons--this worked: #branding .icons{ z-index:90; }

[timlinson 3]

Cool, that works too. +1

[emidzi 0]

I haven't forgotten this issue. I have tried the solutions multiple times with multiple variations. (I have been working on this for 25 minutes.) I am unable to bring down my icons to -50 and enable the user to touch the center of each icon to activate it. If there was a link, I could show you a screen shot.