Jump to content

Making Homepage Logo Have A Link

Recommended Posts

Site URL: http://www.robin-lyons.com

Hi squarespace forumers.

Here is my website www.robin-lyons.com

On specifically the homepage I'd like to be able to get rid of the 'enter' button and just make it so if you click on my logo you'll be taken through to the 'work' section of my site. I'm guessing this need some custom code as I don't seem to be able to find the option to attach a link to the logo PNG I have on the home section of my site. I'm using the 'Flat Iron' template if that's useful.

Cheers in advance for any help!

Robin.

Link to comment
  • Replies 5
  • Views 897
  • Created
  • Last Reply

Hi. Add to Page Header

<style>
  ul {
    display: none !important;
}
  div.sqs-slice-group.align-center-vert:hover {
    cursor: pointer;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$("div.sqs-slice-group.align-center-vert").click(function() {
			var link = $(this).text(),
				href = "/work";
			window.location.href=href;
		});
});
</script>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thanks again for your help tuanphan!

This works exactly how I wanted it to on the homepage, however it also has the adverse effect of removing the navigation links 'home','work','video art', 'music' and 'about' from my work page, which usually sits at the top. I want to keep those.

...Any ideas? Thanks in advance for your help.

Cheers,

Robin.

Link to comment
On 2/2/2021 at 11:58 PM, cupoftea said:

Thanks again for your help tuanphan!

This works exactly how I wanted it to on the homepage, however it also has the adverse effect of removing the navigation links 'home','work','video art', 'music' and 'about' from my work page, which usually sits at the top. I want to keep those.

...Any ideas? Thanks in advance for your help.

Cheers,

Robin.

Add to Page Header, not Code Injection Header (Hover Page on Navigation or Not Linked > Click Gear icon to open page header)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
On 2/24/2021 at 1:19 AM, cupoftea said:

You're amazing, thank you so much! 😀

I see you haven't installed SSL yet, so the browser shows "Not Secure"

SSL is free. https://support.squarespace.com/hc/en-us/articles/205815898-Understanding-SSL-certificates

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.