Get the email/phone and social icons on the same line on mobile

[mfrahm]

Is there a way to get the top bar content on the same line on mobile so it doesn’t take up so much space? Thank you!

[Prasant]

Hello @mfrahm,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS to align topbar content in same line when viewing from mobile:

@media only screen and (max-width: 600px) {
    p.p-info {
    float: left !important;
    width: 60%;
}

.x-social-global {
    float: left !important;
    width: 40%;
}
} 

Thanks.