Remove effect "down" in the header of the social network

PascalPavan

good morning

how can I do to remove the effect of which is shown when I go on the social icons with the mouse?

Why would I want to put on the four languages, and in the social ... more or less like this:
| EN | | DE | | FR | | IT |
| FB | | TW | | YT |

Thank you,
Pascal

PascalPavan

Also, how can I decrase the margin-top and the margin-bottom? Of the slide social area? thanks

Air

Are you asking same question ? http://support.apollo13.eu/discussion/1787/remove-social-backgroun-on-hover#Item_2

Please continue there.

With regards.

PascalPavan

Nono, it's another question.
When you go with the mouse hover the 'social space' it space is enlarged, as when you go with the mouse over a tab menu multiple!
Get it? I have explained myself well?
View attachments

thanks

Air

Hello:-)

I think now I understand. Try using this custom CSS

#header .socials {
    height: 78px;
}
#header .socials .slide {
    height: 78px !important;
}

With regards.

PascalPavan

Thanks!

It work very well.

Last question, how can I decrase the space between the top, between the bottom and between the two line of social icon?

Thanks

Air

Your language icons are smaller so it can be difficult without increasing their size but to touch margin use this

#header .socials .slide a{
     margin-top: 0!important;
}

With regards.