Hallo in die Runde,
nach einem Update des genutzten Themes sind die Icons im Header nun unschön nebeneinander angeordnet, sie sollen aber wieder wie vorher untereinander sein (siehe anehängtes Bild). Leider bekomme ich es selbst nicht hin, kann mir jemand helfen? Nachfolgend der aktuelle Code, die Seite ist http://www.wildtierhilfe-rhein-nahe.de.
/* --------TOP BAR --------- */
#topbar {
padding: 12px 0;
color: #fff;
}
#topbar span{
color: #fff;
margin-left: 5px;
font-weight: 10;
letter-spacing: 1px;
}
#topbar h3.custom_title {
display: none;
}
#topbar .custom-social-icons {
text-align: right;
}
#topbar .custom-social-icons i {
color: #000000;
margin: 5px 0;
border: dashed 2px #000000;
padding: 20px 0;
width: 45px;
height: 60px;
text-align: center;
border-radius: 30px;
}
.donate-btn {
margin: 19px 0;
}
.donate-btn a {
border: dashed 2px #000000;
padding: 15px 20px;
font-size: 15px;
font-weight: bold;
color: #000000;
border-radius: 30px;
}
.donate-btn a:hover,
#topbar .custom-social-icons i:hover{
background: #24a500;
border: solid 2px #24a500;
color: #fff;
}
.lower-header {
border: solid 2px #f6f6f6;
border-left: none;
background: #f6f6f6
}
.lower-header {
display: block;}
.icon-space i {
color: #24a500;
font-size: 40px;
margin-right: 10px;
}
.icon-space b {
color: #000;
font-size: 30px;
letter-spacing: 1px;
margin-right: 5px;
}
.icon-space span, .icon-space span a{
color: #585858;
font-weight: bold;
font-size: 30px;
letter-spacing: 1px;
font-style: italic;
}.icon-space span a:hover{
color: #24a500;
}
.icon-space span a:hover{
color: #24a500;
}
.icon-space {
padding: 5px;
border-left: solid 2px #f6f6f6;
}