Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Social Icon Favicons WordPress

  • SOLVED

Hi! On the site http://marcovonorelli.ch/ the two social icons favicons (top, right) are not working anymore. Somehow I overwrite them with the css changes I did ad. They are at the end of the style.css marked with 'CSS Simone'

Can anyone tell me witch part of the css makes the problem?

Thanks!

Answers (3)

2012-01-19

Julio Potier answers:

Hello Simone, i can't see the website "under maintenance" i guess.
If this message don't want to go, delete the ".maintenance" at root of your WP install.

<strong>Edit:</strong>

ok site is ok now, here comes my answer :

Add a z-index on ".icons" (http://marcovonorelli.ch/wp-content/themes/platform/style.css)
.icons {
height: 24px;
line-height: 20px;
position: absolute;
right: 0;
text-align: right;
<strong> z-index: 29;</strong>
}


See you soon

<strong><em>ps :</em></strong>
<em>Sorry but i do not recommand to modify the width to 900px because we lose the bottom line under the icons ... :/</em>
<em>
Sorry again but i do not recommand to modify the z-index of .main_nav because in the DOM, the .main_nav comes AFTER the .icons, so you have to modify the FIRST z-index DOM, better usage (even if you solution "works", does it works on all browsers ?)</em>

2012-01-19

Luis Abarca answers:

The nav menu are blocking the icons, you can resize the menu after all, you have to add some extra espace for the icons.

Test this

<div id="nav_row" class="main_nav fix" style="width: 900px;">


or add it as a CSS rule


#nav_row {
width: 900px
}

2012-01-19

Jerson Baguio answers:

.main_nav {
line-height: 1.1em;
margin-top: 0;
position: relative;
text-align: left;
z-index: -20;
}

adjust your z-index in css like above