Text in Header, Before Social Icons

Hi everyone,

I hope to find you well.

I am trying to add a text in the header, saying "CONTACT US :", just before/on the left of the links to the socials (upper right part of the website).

URL: https://global-queens.com

Any thoughts about a CSS?

Did my research, but did not find the solution.

My Heading is :

Font : Acumin Pro

Size : 16 Px

Would the code also apply for the mobile version (would like to get it centered and above the social icons).

Thanks a lot for your help!

Yours faithfully,

Alexandre

Add to Website Tools (under Not Linked) > Custom CSS

/* text before social */
.header-actions.header-actions--right .header-actions-action:before {
    content: "Contact Us:";
    position: relative;
    top: 5px;
    font-family: 'acumin-pro';
    font-size: 16px;
}

On 10/21/2023 at 6:28 AM, tuanphan said:

Add to Website Tools (under Not Linked) > Custom CSS

/* text before social */
.header-actions.header-actions--right .header-actions-action:before {
    content: "Contact Us:";
    position: relative;
    top: 5px;
    font-family: 'acumin-pro';
    font-size: 16px;
}

Hi tuanphan!

Thanks a lot for your reply!

Do you know how to rather move the "CONTACT US" link I have on the upper left of the page? At the same place;

Does it apply to mobile?

Thanks a lot!

Alexandre

On 10/23/2023 at 9:05 PM, tuanphan said:

Upper left - Which position? Can you highlight & take a screenshot? 

With mobile, which position? Above instagram icon or?

Went for an alternative, thanks a lot anyways Tuanphan!