Scroll down arrow on my homepage appears also in the footer. Why?

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

Hello,

I have used a code that I found in the forum, suggested by @tuanphan. It works very well, but it appears not only in the upper homepage section (as I wish), but also in the footer. How can I solve that?

here the link of my website: Spinta Studio | Design & Naval Architecture

Thank you for your help.

Cheers,

Gianandrea

4 hours ago, VPSS said:

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

Hello,

I have used a code that I found in the forum, suggested by @tuanphan. It works very well, but it appears not only in the upper homepage section (as I wish), but also in the footer. How can I solve that?

here the link of my website: Spinta Studio | Design & Naval Architecture

 

Thank you for your help.

Cheers,

Gianandrea

Do you mean only showing the arrow when you are on the top of page?

You can try

header.shrink+ main #block-yui_3_17_2_1_1648730181859_3951 .bottom {
  display: none;
}

Let me know  how it goes

Hello sir. 

Thank you for your reply.

Yes I want the arrow to show up only in the top section. Now it appears in top section and then down in the footer...

Do I need to put this code in the code block or in code injection? 

Also, I have another issue: if I click on the arrow, the URL address change to https://www.spintastudio.com/#tscroll with this /#tscroll as if it was a different page. this also affects the analytics.

How can I solve that?

Thanks

On 5/18/2022 at 2:32 PM, VPSS said:

Hello sir. 

Thank you for your reply.

Yes I want the arrow to show up only in the top section. Now it appears in top section and then down in the footer...

Do I need to put this code in the code block or in code injection? 

Have you solved it yet?

Hello,

I solved the issue related with the arrow. but still I have that when someone click on the arrow the URL address change to https://www.spintastudio.com/#tscroll with this /#tscroll as if it was a different page. this also affects the analytics.

What can I do?

19 hours ago, VPSS said:

Hello,

I solved the issue related with the arrow. but still I have that when someone click on the arrow the URL address change to https://www.spintastudio.com/#tscroll with this /#tscroll as if it was a different page. this also affects the analytics.

What can I do?

Change this code

<a class="scroll-indicator" href="#tscroll"></a>

to this

<a class="scroll-indicator" href></a>

Thank you. It works. But it is till clickable. Can I make just a graphic content, without the possibility to be clicked?

Thanks

11 hours ago, VPSS said:

Thank you. It works. But it is till clickable. Can I make just a graphic content, without the possibility to be clicked?

 

Thanks

It is not clickable. You can check again.

If you need to change cursor icon, add this to Design > Custom CSS

a.scroll-indicator {
    cursor: context-menu;
}

Hello,

thank you for the support.

when I put the cursor over the arrow, the cursor icon become an hand to tell me that there is a link to click. and if I click it reload the homepage.

with the last code you sent me, mouse does not change to hand icon but if I click on the arrow it reloads the homepage anyway. Is there a way to avoid it?

Or,

in alternative, can I do that when you click on the arrow it scrolls down couple of lines to show what is underneath?

Thanks a lot

Edit this code

<a class="scroll-indicator" href=""></a>

to this

<span class="scroll-indicator"></span>

Perfect.

Thanks a lot!