Jump to content

Adding text beside the site name in the site header

Recommended Posts

  • Replies 20
  • Created
  • Last Reply

Top Posters In This Topic

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?

example.png

Have you figured it out?

image.thumb.png.7ec200ec0b023d3d57d1caa836825f75.png

I can not see it at the moment

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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

image.thumb.png.3bb3e26d31052c9cb24ac1bd77a7dbe9.png

Does it need on another page?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.thumb.png.3df53012fe3387ab551d21cda6e62572.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.