How to add custom text next to your logo in the header

Hi!

For my client cases on my website (www.tessaveen.com) I want my header to show my logo with " x [ Client ] " in text next to it. This means that it should change when you visit a different client case. Does anyone know how to create this with code? Thanks!

It should look like this:

@tevestudios Custom code will be needed for each page. If you could share your site URL, I can take a look. Thanks!

@Lesum Oh, that would be great! This is the website: https://www.tessaveen.com/ - and the pages that I want to add that feature on are the ones in the dropdown menu under 'project'. 

https://www.tessaveen.com/not-your-therapist

Edit Not Your Therapist Page > Add a Code Block (anywhere on page) > paste this code

<style>
  .header-title-logo a:after {
    content: "Not Your Therapist";
    color: white;
    font-size: 20px;
    margin-left: 20px;
}
.header-title-logo a {
    display: flex;
    align-items: center;
}
</style>

Do similar for other projects

Also, it looks like your custom font doesn't work, it looks weird to me

@tuanphan Great, thank you! It worked! 

And regarding your note; you are correct that my custom font isn't working. I've been trying to fix it for days and nothing works... Maybe you can help me? 

I've added the following font files: .ttf, .woff, .woff2 & .eot. This is the code that I used: 

// Custom font settings //
@font-face {
  font-family: 'UncutSans-Variable';
  src: url('https://static1.squarespace.com/static/5ff844cda6a63d22c04c8272/t/64f5ceb8da920c04bca0e2d7/1693830841045/UncutSans-Variable.eot'); /* IE9 Compat Modes */

  src: url('https://static1.squarespace.com/static/5ff844cda6a63d22c04c8272/t/64f5ceb85327c060a1b921cb/1693830841035/UncutSans-Variable.woff2') format('woff2'), /* Super Modern Browsers */

 url('https://static1.squarespace.com/static/5ff844cda6a63d22c04c8272/t/64f5ceb8fc9b9d2a473dcbb0/1693830841034/UncutSans-Variable.woff') format('woff'), /* Pretty Modern Browsers */

    url('https://static1.squarespace.com/static/5ff844cda6a63d22c04c8272/t/64f5cf7c5a4db53e478e03d3/1693831037185/UncutSans-Variable.ttf')  format('truetype'), /* Safari, Android, iOS */
}

// Heading styles //
site-wrapper {
  font-family: 'UncutSans-Variable'!important;
}
sqs-button-element--primary {
  font-family: 'UncutSans-Variable'!important;
}
header-title-text {
  font-family: 'UncutSans-Variable'!important;
}
h1, h2, h3, h4 {
font-family: 'UncutSans-Variable'!important;
}
p {
font-family: 'UncutSans-Variable'!important;
}
p.sqsrte-large {
font-family: 'UncutSans-Variable'!important;
}
p.sqsrte-small {
font-family: 'UncutSans-Variable'!important;
}
 

Yes, both solutions worked! Thanks for all the help!