Jump to content
Sign in to follow this  
hajir

Moving the social media icons?

Recommended Posts

hajir

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

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

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

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

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

Thank you guys :). As always great team of pros. Kudos.

Share this post


Link to post
Share on other sites
marcnaugler

what is the CSS code to make the social icons slightly larger?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×