Expand the Header contact info width

How do you expand the Header contact info width?

Hello there,

It should expand by default. Not really sure why it doesn’t on yours. To help us fix it with custom CSS code, please share a link to your site.

Regards,
Kharis

Hi Kharisblank,

Here’s the site URL:

https://www.highschoolofthearts.org/

Thanks.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .header-contact .header-contact-info {
        width: 680px;
      }
      .header-contact .social-navigation {
        max-width: 200px;
      }
    }

Regards,
Kharis

Hi Kharis,

Thanks!

Victor

You’re welcome Victor!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis