Adjusting Alignment of Social Media Links in Header (Mobile)

Hi Athemes Team,

I am trying to adjust the alighnment of the social media links in the homepage header. On the mobile, I would like all the links and email to be on one line. Currently the email is on-top of all the social media links.

Is there a way to have the menu display like this? Please see image attached for reference.

Link to site: https://evolutisconsultants.com/

thank you so much!

Hello there,

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

    @media only screen and (max-width: 1024px) {
      .header-contact .header-contact-info {
        width: 63%;
        float: left;
        text-align: left;
      }
      .header-contact .social-navigation {
        width: 37%;
        float: left;
        text-align: right;
        margin-top: 0;
      }
    }

Regards,
Kharis

Hi Kharis,

When I applied the above CSS, the attached picture occurred. Let me know what you think.

Thank you!

Hello there,

It’s displaying properly on real device. Please try it with your phone. You may need to clear saved histories first.

Regards,
Kharis