Réactif - Les icônes de médias sociaux ne s'alignent pas horizontalement (Wordpress)

Question

J'ai inséré mon div de médias sociaux dans le fichier header.php et l'ai codé avec css à la position.

#header_icons { 
    position: relative; 
    margin-top: -6%; 
    margin-left:85%; 

    } 

Problème est que quand il répond, les icônes de médias sociaux tombent verticalement opposés à s'asseoir horizontalement côte à côte.

Site Web: www.aym.ie

Ceci est le résultat en mode réactif http://take.ms/qMHJ2

Question: Comment coder les icônes sociales à asseoir horizontal vu en mode réactif?

Answer 1

Dans votre CSS personnalisé ajouter

@media (max-width: 900px) { 

    #header_icons { 
    margin-top: 0; 
    margin-left:0; 
    } 

} 

Vous pourriez avoir besoin de jouer avec le point de rupture médiatique et les valeurs de marge, mais nous espérons que cela va vous aider à démarrer.

Bonne chance!