logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$8
Social Icon Favicons

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!

This question has been answered.

attachment image View Attachment

Simone Fuchs | 01/19/12 at 2:46pm Edit


(3) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    01/19/12
    2:56pm
    Luis Abarca says:

    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
    
}

    Previous versions of this answer: 01/19/12 at 2:56pm

  • avatar
    Last edited:
    01/19/12
    2:53pm
    Jerson Baguio says:

    .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

  • avatar
    Last edited:
    01/19/12
    3:24pm
    Julio Potier says:

    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.

    Edit:

    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;
    
  z-index: 29;
    
}


    See you soon

    ps :
    Sorry but i do not recommand to modify the width to 900px because we lose the bottom line under the icons ... :/

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

    Previous versions of this answer: 01/19/12 at 3:23pm | 01/19/12 at 3:24pm

This question has expired.



Simone Fuchs, Francisco Javier Carazo Gil voted on this question.



Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.