Blog, Website & Page Publishing

Titanium
Participant

How to add a link to the Logo in the webpage header?

SOLVE

When I preview my website and click on the Logo in the upper left hand corner, it takes me to a 404 page error. I can't seem to find the setting that allows me to change that. 

 

When that link is clicked on, I want to be taken to the home page.

 

How do I link the Logo in the header to the home page?

Logo as a button 2.PNGLogo as a button 1.PNG

0 Upvotes
2 Accepted solutions
Titanium
Solution
Participant

How to add a link to the Logo in the webpage header?

SOLVE

I found it! I searched for Branding and then was able to figure it out from there. Thanks for your help.

 

Logo as a button 4.PNG

View solution in original post

evaldas
Solution
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

Sure thing! 

 

Here is a decent guide on setting up child themes in HubSpot: https://developers.hubspot.com/blog/customize-your-site-with-a-child-theme

 

However, if you are not planning on making further code edits and that's the only thing that needs to be adjusted, it may not be worth it and I would make it plan B.

 

If your timeline allows, you could try reaching out to the creators of the theme and let them know about the issue. There is a chance they might roll out a theme update to patch it up. 

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

View solution in original post

0 Upvotes
13 Replies 13
evaldas
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

Hi @Titanium !

 

You should be able to edit the default logo link in Settings > Website > Pages

 

Then click the "Branding" tab and there should be a field for "Logo link"

 

evaldas_0-1708009738224.png

 

There might also be a different setup on your end but this is the first thing I would try. 

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

0 Upvotes
Titanium
Participant

How to add a link to the Logo in the webpage header?

SOLVE

That's what I thougt, too, but I don't have that option.Logo as a button 3.PNG

0 Upvotes
evaldas
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

In that case, may need to try the Brand Kits 

 

Settings > Account Defaults > Branding

 

evaldas_0-1708010411218.png

 

There is also a place to set the default logo and URL:

 

evaldas_1-1708010462320.png

 

Let me know whether this option worked for you

 

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

0 Upvotes
Titanium
Solution
Participant

How to add a link to the Logo in the webpage header?

SOLVE

I found it! I searched for Branding and then was able to figure it out from there. Thanks for your help.

 

Logo as a button 4.PNG

Titanium
Participant

How to add a link to the Logo in the webpage header?

SOLVE

Rats. Didn't work. Still getting the 404 error even though the Logo URL is correct in the branding kit.

 

Maybe something's broken in the template or theme. Not sure what to do next.

0 Upvotes
evaldas
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

Have you tried adding "https://" in front of the URL?

 

So that it's https://www.yourwebsite.com

 

It does not look like that field is being validated and starting simply with "www" might sometimes cause 404s.

 

 

 

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

0 Upvotes
Titanium
Participant

How to add a link to the Logo in the webpage header?

SOLVE

Yes. I still receive the 404 error.

Logo as a button 5.PNG

0 Upvotes
evaldas
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

Are you able to provide one of the following?

(A) Screenshot of the HTML code that you get when you inspect the logo on a page preview (Right Click on the logo and select "Inspect")

 

(B) Link to a published page containing that header and logo

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

0 Upvotes
Titanium
Participant

How to add a link to the Logo in the webpage header?

SOLVE

Here's the screen shot of the html code.

Yeah - i treid that and when I link the logo to a pulbished webpage, it still gives the 404 error.

Logo as a button 6.PNG

0 Upvotes
evaldas
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

It looks like there might an issue with the theme - I am guessing the template or module is not pulling in that field from Branding settings correctly. 

 

If you are able to get to the module / template code and provide that, I could take a look (it might be in /partials/header.html) .

 

Otherwise, one more option could be trying the "Override default logo":

 

evaldas_0-1708027516521.png

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

0 Upvotes
evaldas
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

I think I figured out what is acutally going on. 

 

The theme is likely using HubSpot's "Logo" field in it's header module. Which worked fine in the past but it looks like that field needs to be updated because it originally pulled from the Branding settings in Website settings, which no longer exists in some portals (as is in your case), as of February 2024.

 

So the "override" options I suggested won't actually work because that only lets you change the image, but not the link.

 

To immediately solve the issue, you would need to create a child theme and clone that module into the child theme and change the HubL code to point to the settings in Brand Kit.

 

i.e. 

{% logo
...
src="{{brand_settings.logos[0].src}}"
...
link="{{ brand_settings.logos[0].link }}"
...
%}

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

0 Upvotes
Titanium
Participant

How to add a link to the Logo in the webpage header?

SOLVE

Thanks so much for working on this! I am grateful for how much time you put into figuring this out and suggesting a solution.

 

I have no background in coding so I have no idea how to create a child andthen follow the steps that you kindly described. Is there a step by step guilde to help?

evaldas
Solution
Guide | Platinum Partner
Guide | Platinum Partner

How to add a link to the Logo in the webpage header?

SOLVE

Sure thing! 

 

Here is a decent guide on setting up child themes in HubSpot: https://developers.hubspot.com/blog/customize-your-site-with-a-child-theme

 

However, if you are not planning on making further code edits and that's the only thing that needs to be adjusted, it may not be worth it and I would make it plan B.

 

If your timeline allows, you could try reaching out to the creators of the theme and let them know about the issue. There is a chance they might roll out a theme update to patch it up. 

 


✔️ Did this post help answer your query? Help the community by marking it as a solution.

0 Upvotes