Problems getting functioning link on social icon in brandnavn

[tofasa 0]

Hi, this is probably due to my lack of knowledge in CSS, but I am trying to insert a linkedin icon in the brandnav, using a new larger icon image and aligning it top/right. I have success in getting the icon to show and placed correctly using a hook and CSS customization (using platform base), however I cannot get it to link to the Linkedin page. The hook is: ' add_action('brandnav_after_brand', 'linkedin_header'); function linkedin_header(){ ?>

<?php } and the CSS customization is as follows: ' .icons { top: 15px !important; right: 10px !important; } .icons a { width: 34px !important; height: 34px !important; } .icons .linkedin {background:url('../platformpro/images/social-linkedin.png') no-repeat 0 0 !important; } .icons .linkedin:hover {background:url('../platformpro/images/social-linkedin.png') no-repeat 0 0 !important; } ' What am I doing wrong? Thx in advance!

[tofasa 0]

BTW - the semi-colon after the "a href" link was inserted by the forum when I posted - it is not there in the original code.

[Kate 3]

Try this for the CSS: [code] .icons a { display:block; width: 34px !important; height: 34px !important; } [/code] If that doesn't work, please provide a link to your site when responding.

[tofasa 0]

Hi Kate, I added the display:block part to the CSS but no change - still doesn't link. The website is www.cimic-consulting.com Cheers!

[Danny+ 1,327]

Hi Tofasa, The issue is with the width of your nav and thats all there is to it. It was overlapping the Linkedin icon/link. Adding this to your Custom CSS should resolve the issue. [code] #brandnav .main_nav { width: auto; } [/code]