Adding text beside the site name in the site header

Site URL: http://www.furkhaniqbal.com

Hi,

I wanted to add the following text "Digital Designer" beside the site title.

However, I did not want it to appear on mobile (desktop only) and wanted it optimised so it maintains inline with the rest of the content?

How could I do this?

1 hour ago, visionsbyfurks said:

Site URL: http://www.furkhaniqbal.com

Hi,

I wanted to add the following text "Digital Designer" beside the site title.

However, I did not want it to appear on mobile (desktop only) and wanted it optimised so it maintains inline with the rest of the content?

How could I do this?

Have you figured it out?

I can not see it at the moment

I haven't figured it out yet. I have not added it because I don't know how to @bangank36

Do you mean moving this text next to the site title?

Does it need on another page?

No that's an example which I did on Photoshop of what I want

I want to put text in that position ideally @bangank36

I think we can have 2 options:

- Adding a text block and move it to your desired position. On mobile display, we can use Css code to hide it with some breakpoint.

- Keep the current content on and use pseudo element (before) to add the content

Which is more effective? @bangank36

I prefer the 1st one. You can add this text then I will give the code to hide it on mobile display

How do I add it in the navigation? I don't think I can add a text block to the navigation bar @bangank36

@bangank36 Also I want this across all the pages on every nav / page

12 minutes ago, visionsbyfurks said:

@bangank36 Also I want this across all the pages on every nav / page

Try adding to Home > Design > Custom css

.header-title-text:after {
  content: 'Digital Designer';
  margin-left: 14vw;
  font-weight: bold;
}

Support me by pressing 👍 if this useful for you

My testing

Nice, it doesn't stay aligned to the images when you resize the window? How do I change that? @bangank36

@tuanphan Hi, hope you're good. Is this something you'd be able to assist with?

16 hours ago, visionsbyfurks said:

@tuanphan Hi, hope you're good. Is this something you'd be able to assist with?

The images are fine. Can you describe in more detail?

@tuanphan When I resize the page, the "Digital Designer" text in the navigation bar isn't fixed, therefore it moves position.

Is there a way of having this fixed?

@tuanphan Is that clearer?

@bangank36 Hi, would you know?

On 10/3/2022 at 5:18 PM, visionsbyfurks said:

@tuanphan When I resize the page, the "Digital Designer" text in the navigation bar isn't fixed, therefore it moves position.

Is there a way of having this fixed?

Try adding to Design > Custom CSS

.header-title-nav-wrapper:after {
    content: 'Digital Designer';
    font-weight: bold;
    position: fixed;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

@tuanphan It's the same sadly

On 10/31/2022 at 10:38 PM, visionsbyfurks said:

@tuanphan It's the same sadly

It looks fine to me. Try remove code you used & add code I sent above