Expand the Header contact info width

Sydney Pro
#1

How do you expand the Header contact info width?

image
image.jpg813×136 54.7 KB

#2

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

#3

Hi Kharisblank,

Here’s the site URL:

https://www.highschoolofthearts.org/

Thanks.

#4

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

#5

Hi Kharis,

Thanks!

Victor

#6

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