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)
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>
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
}
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