Jump to content

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

Recommended Posts

  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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? 

Link to comment
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?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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>

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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