Lock Screen Page - How to add 'Go back to Home' button Or 'Header'

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

Hello, 

I have noticed that once my customers enter my lock screen page, there is no button for them to click to go back to home.

I would like to add a Go back to Home' , Header, or my Logo linking my home page on Lock Screen Page. Since I am using Personal plan, I can not access to advanced code injection.

Could anyone help me with custom CSS? Thanks a lot in advance!

My site: https://www.herchyun.com/

The Lock screen page: https://www.herchyun.com/2021-catalogue

2 hours ago, belleaccent said:

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

Hello, 

I have noticed that once my customers enter my lock screen page, there is no button for them to click to go back to home.

I would like to add a Go back to Home' , Header, or my Logo linking my home page on Lock Screen Page. Since I am using Personal plan, I can not access to advanced code injection.

 

Could anyone help me with custom CSS? Thanks a lot in advance!

 

My site: https://www.herchyun.com/

The Lock screen page: https://www.herchyun.com/2021-catalogue

 

Which template are you using?

47 minutes ago, bangank36 said:

Which template are you using?

I am using Hester

On 11/26/2021 at 1:17 PM, belleaccent said:

I am using Hester

Add to Settings > Advanced > Code Injection > Lock Screen to make image clickable to homepage

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$("img").click(function() {
			var link = $(this).text(),
				href = "/";
			window.location.href=href;
		});
});
</script>
<style>
  img:hover {
    cursor: pointer;
}
</style>

On 11/28/2021 at 3:08 PM, tuanphan said:

Add to Settings > Advanced > Code Injection > Lock Screen to make image clickable to homepage

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$("img").click(function() {
			var link = $(this).text(),
				href = "/";
			window.location.href=href;
		});
});
</script>
<style>
  img:hover {
    cursor: pointer;
}
</style>

 

Hello @tuanphan thank you for the reply and the code. Unfortunately I am using personal plan so I can not access to advance code injection. but still, really appreciate your help! 

3 hours ago, belleaccent said:

Hello @tuanphan thank you for the reply and the code. Unfortunately I am using personal plan so I can not access to advance code injection. but still, really appreciate your help! 

Lock screen can not be modified with custom css so I tihnk you have to upgrade the plan

On 11/29/2021 at 3:15 PM, belleaccent said:

Hello @tuanphan thank you for the reply and the code. Unfortunately I am using personal plan so I can not access to advance code injection. but still, really appreciate your help! 

You need to upgrade plan to use this code.

On 11/29/2021 at 8:16 PM, bangank36 said:

Lock screen can not be modified with custom css so I tihnk you have to upgrade the plan

Noted. Unfortunately my client doesn't want to upgrade. Still, thank you a lot for the reply!