Display Header contact info under each others

Hi,
On Mobiles devices only is it possible to display the header contact info (phone, email , address…) under each others instead of beside each others this way:
[+999 88 888 8888]
[info@test.com]

coz on mobiles devices the screen is small and it cannot fit all in one line
it break into 2 lines or 3 lines the display is not looking nice

Regards

Hello there,

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

    @media only screen and (max-width: 800px) {
      .header-contact-info > span {
        display: block;
      }
    }

Regards,
Kharis

1 Like

Dear Kharis

it is working perfectly, exactly as i want it.

appreciate your support

Yasin

You’re welcome Yasin!

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