How do I create a line break in my site title?

Link to my website
I noticed when updating my site today that using <.br.> (minus the periods) has totally stopped working in my site title as a line break and simply displays as normal text. I've replaced it with a | for now. It was never a good solution because it showed up in previews as text as well but at least it worked on the site.So, how do I create a line break now if this code is no longer accepted?

Hi Paul2009,

Tried it out but unfortunately without any result. I added it to the header instead of the footer (as you suggested) as it is for my site title

T

@Thomasnt The code was specific to the user's template so it may need to be adapted for your site. It will help us if you include a working link to your site so that we can see the settings. If your site isn't live yet, please set a site password and tell us what it is, so that we can view it.

4 minutes ago, Thomasnt said:

I added it to the header instead of the footer (as you suggested) as it is for my site title

The code location is not determined by the item that you want to affect. It should be installed in the code injection footer so that it loads after the site has finished loading.

I tried this with Montauk and it did not work. Can you please tell me what I need to change the 'site-title a' to, so that it will work>

Thanks!

15 hours ago, barista_boy said:

I tried this with Montauk and it did not work. Can you please tell me what I need to change the 'site-title a' to, so that it will work>

Thanks!

.logo a

Hi Paul2009,

I was looking to achieve a line break in my site title, but I know the above work would have to be customized to my specific template. How would I got about achieving this?

thank you very much!

$('h1.logo').html("<a href='/'>Jenna<br>Wortham</a>")

Can you post a screen shot of what it looks like now and what needs to be moved?

Of course! The below screenshot is what the page currently looks like. I'm attempting to move decrease the margins on both the right and left sides so that the navigation bar sits at the top right side of the page next to the scaled site title. I was thinking of re-arranging the CSS so the navigation bar comes before the site title? Not sure how to achieve this best!

Try adding to Home > Design > Custom CSS

@media screen and (min-width:641px) {
div#lower-logo {
    width: 35% !important;
}
}

Thank you for the help! It seems to work when the percentage us under 30%, I currently have it at 28%. But ideally, I would want the site title to stay the same px size. 

So, we can do this, but I need to know what you want the menu to do when it becomes too long for the available space.

Do you want it to go above the logo, or do you want it to start stacking vertically on the right?

I think to achieve the ideal design, I'd prefer it to go above the logo! that way its inline with the first word "Jenna" in the logo! 

On coderwall example about Adding a line break between two inline elements https://coderwall.com/p/zvz52g/adding-a-line-break-between-two-inline-elements

Ain't it just the <br> tag that you need for this?  As it does not have an end tagYou can also add additional lines between paragraphs by using the <br> tags. Maybe i am not right as i don't really know a lot of things about this. However, i guess you just have to add this tag into the HTML, and then it must work out. I am really surprised, how i am working to set my own website, however i don't really know anything about these simple things. We are even working with https://amasty.com/page-builder-for-magento-2.html to set the ecommerce platform for it.

Can someone help out with mine? 
Need the “Creative + Design Director” line to be underneath my name.

https://ellipsoid-spinach-4f36.squarespace.com/config/pages

On 1/27/2021 at 5:11 PM, Kmel said:

Can someone help out with mine? 
Need the “Creative + Design Director” line to be underneath my name.

https://ellipsoid-spinach-4f36.squarespace.com/config/pages

Hi. What is access password?

On 12/8/2021 at 8:52 PM, skeebodelta said:

Site URL: https://www.richardsaltermusic.com/

Hi all!

 

I wanted to have my name & job description at the very top of my site header, which I've done.

 

However, I had to find a workaround of taking a screenshot of the text then uploading it as a logo. As Mac screenshots are not that HQ, I can see a slight decrease in quality compared to the text on the rest of the site. I'd like to be able to replace this with actual text, so that it's better quality. I'm also told that from an SEO perspective, it's going to be better to have text there instead.

Anybody know of a way to do this please?

 

Thanks in advance!

 

x

You can add a Site Title text, then we can give the code to add a subtitle under title

22 hours ago, skeebodelta said:

Thanks for your reply @tuanphan!

I just added the text,  but would like the font sizes of "Richard Salter Record Producer - Composer" to be the same as what's attached.

 

Thanks! x

Add to Design > Custom CSS

a#site-title:after {
    content: "Record Producer";
    display: block;
    font-size: 26px;
}

2 hours ago, tuanphan said:

Add to Design > Custom CSS

a#site-title:after {
    content: "Record Producer";
    display: block;
    font-size: 26px;
}

 

@tuanphan

This is really great, thanks!

Could you give me a code so I can have control of font size on the top text "Richard Salter" please?

Thanks in advance! x

On 12/12/2021 at 5:56 PM, skeebodelta said:

@tuanphan

 

This is really great, thanks!

Could you give me a code so I can have control of font size on the top text "Richard Salter" please?

Thanks in advance! x

 

 

Use this CSS

a#site-title {
    font-size: 46px;
}