Jump to content

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

Recommended Posts

  • Replies 11
  • Views 405
  • 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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

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

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

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

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

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

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.