Site Title & Logo Together in Header

On 1/25/2023 at 10:09 PM, creedon said:

If you think this technique might work for your situation, tuanphan and I worked on a code modification for this, let us know.

Thank You.

If I'm honest, this is way beyond me 🤭

I only started coding things back in May, and mainly aesthetics. 

Regarding the URL remapping, I don't think I'll need to do that as my website that I'm discontinuing only had 1505 visits since July 2021, but the site it's going onto has had 2202 visits (1.3k in analytics though) since July 2022. 

What I've done is taken the website domain off the site so the domain jksnmedia.com now redirects to pretty-positive.co.uk/jksn-media. I just didn't see the point in paying for 2 websites when one isn't getting traffic, and then potentially having 2 stores - costing even more. As one is product based and the other is more regarding artwork, i felt they could sort of work together, even though they also totally don't 👀

For the time being, could you please assist me with code to make the two heading folders further apart from one another so it looks less shoved on 🤭

Thanks for all your help, always 🙌🏻

On 7/6/2021 at 9:14 PM, tuanphan said:

Add to Design > Custom CSS

/* Add site title */
.header-title-logo a:after {
    content: "Squarespace";
    display: block;
    color: #1bb7c5;
    font-size: 24px;
}
.header-title-logo a {
    display: flex;
    align-items: center;
}

 

Hi @tuanphan I'm using this code and it's working great! Is there a way to add padding or space between the site logo and the "content" ? Right now on my site the content is right up against the logo without any space. 

7 hours ago, hollyfeld said:

Hi @tuanphan I'm using this code and it's working great! Is there a way to add padding or space between the site logo and the "content" ? Right now on my site the content is right up against the logo without any space. 

Just add padding or margin to the code

/* Add site title */
.header-title-logo a:after {
    content: "Squarespace";
    display: block;
    color: #1bb7c5;
    font-size: 24px;
	margin-left: 20px;
}
.header-title-logo a {
    display: flex;
    align-items: center;
}

On 12/10/2023 at 6:56 PM, tuanphan said:

Just add padding or margin to the code

/* Add site title */
.header-title-logo a:after {
    content: "Squarespace";
    display: block;
    color: #1bb7c5;
    font-size: 24px;
	margin-left: 20px;
}
.header-title-logo a {
    display: flex;
    align-items: center;
}

 

Got it! That works - thanks!!