hajir 0 Report post Posted February 14, 2011 I wish to move the social media icons from where they are on my website, to move down to where the search box is located with slightly bigger icons. Of course, I don't want the search box there anymore... please guide me as to how I can achieve this. www.dialucrii.ca/wordpress/ Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted February 15, 2011 In Header And Nav options you can hide the search and then in Appearance > Widgets add one to the top of the sidebar. Then: `.icons{top:100px}` in Custom CSS. Thanks, Bryan Share this post Link to post Share on other sites
hajir 0 Report post Posted February 15, 2011 Bryan I did what you had mentioned, but for some reason the icons are not clickable ... which is weird cause i didn't change anything else ... Share this post Link to post Share on other sites
basmati 4 Report post Posted February 15, 2011 you cold try a z-index:50; (or something above the highest z-index level in your css) to lift those icons to the top level. Share this post Link to post Share on other sites
Kate 3 Report post Posted February 15, 2011 Hi Hajir - Along with what Bryan and Peter said, you'll also have to make sure you set the z-index and position of the element you're trying to place the item over. This should do the trick: #primary-nav{position:relative;z-index:0 !important;} .icons{top:110px;z-index:10 !important;} Share this post Link to post Share on other sites
hajir 0 Report post Posted February 15, 2011 Thank you guys . As always great team of pros. Kudos. Share this post Link to post Share on other sites
marcnaugler 0 Report post Posted July 13, 2011 what is the CSS code to make the social icons slightly larger? Share this post Link to post Share on other sites