Adjustment to Topbar

[Leanna]

Hi awesome X support techs! I’m trying to get the social icons to not take up vertical space in topbar of www.lifecenterchurches.org - code currently in Custom:

/*LOGOBAR DISABLE*/ 

.x-brand.text {
display: none;
}

.x-brand.img {
display: none;
}

/* TOPBAR */
.x-topbar .p-info {
text-align: center;
}

.x-topbar .x-social-global a {
color: #787878;
font-size: 12px;
font-size: 1.3rem;
letter-spacing: 0px;
vertical-align: text-top;
margin-top: 0;
margin-bottom: 0;
padding: 0; }

.site .x-topbar .p-info {
margin: 5px 5px 10px 0px;
padding: 0, 0px, 0, 0px;
font-size: 12px;
font-size: 1.3rem; }
body .x-topbar .p-info a {
border: 0;}

/*
// Footer.
*/

footer p,
footer h4 {
color: #9d9d9d;
}

footer a {
color: #000;
}

footer a:hover {
color: #6190a2;
}

footer .footer-services {
font-size: 16px;
letter-spacing:0;
color: #000;
}

footer .footer-credit {
font-family: “Montserrat”, sans-serif;
}

[paul.r]

Hi,

To achieve that, you can add the code below in Theme Options > CSS

.x-topbar p {
    width: auto;
    float: left;
}

Hope this helps

[Leanna]

thank you that worked

[rad]

You’re most welcome!