Header contact info and social menu at same row

I have problem getting the social menu and the header contact info to be displayed at the same row.
Without my added CSS code the Header contact info is showed at 2 row, and the social menu at correct row.
With my CSS code the Header contact info is showed at 1 row and the social menu drops down to the row below. Could someone please assist?

Code in use:

    body .header-contact-info {
        width: 100%;
    }
    .header-wrap > .container {
        width: 95%
    }

Hello,

Can you please provide a link to your website and some explanatory screenshots?

Kind Regards, Roman.

www.stageevent.no birkedalsveien

Hello, thank you for the link.

Please try to replace this CSS code:

body .header-contact-info {
    width: 100%;
}

…with this:

@media (min-width: 1025px) {
    body .header-contact-info {
        width: 85%;
    }

    body .social-navigation.social-links {
        width: 15%;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thank you roman, that worked great :slight_smile:
Thanks :slight_smile:

regards

Jostein Ravnberg

Great! You are welcome Jostein :slight_smile:

Kind Regards, Roman.