Scroll button on home page broke

Support
#1

Hi-

My site is bostonhypnosis.com. At the bottom of the hero image on the home page I’ve had the standard scroll button. It now seems broken even though I haven’t edited it in any way. This is the code.

Can you tell me how to fix this? Thanks.

-Brian

#2

Hi Brian,

I couldn’t find the section with the Award ID anymore. Did you remove it?

For the icon, please change it to: <i class="x-icon x-icon-angle-down" data-x-icon="" aria-hidden="true"></i>

Hope it helps :slight_smile:

#3

Yes, it does, but it doesn’t get me all the way to where the old icon did. Can you tell me how to make it white, a little bigger and make it so it moves the page down to the top of the new awards section below?

Thanks, I’m not a coder so I really appreciate the extra help.

#4

Hi @bmahoney59,

May I know what’s the original code? It seems you replaced everything with that icon code. It’s just an icon and should only replace the icon, the link that wraps that icon should remain there. It’s the link that triggers the scroll or movement and not the icon.

Thanks!

#5

Hi-

This is the original code:

<a href="#Awards" class="x-slider-scroll-bottom smooth-scroll bottom center">
  <i class="x-icon-angle-down"></i>
</a>

This is the orignal code modified to reflect the change in section name and the new icon code you gave me:

<a href="#new awards" class="x-slider-scroll-bottom smooth-scroll bottom center">
  <i class="x-icon x-icon-angle-down" data-x-icon="" aria-hidden="true"></i>
</a>

So that mostly worked. The only thing now is that it won’t scroll down to the top of the awards section when you the user hits the arrow. Can you show me how to do that?

#6

Hi @bmahoney59,

It seems to be working now, there is CSS coming from minified CSS file which made it work. But please change it to this

<a href="#new awards" class="x-slider-scroll-bottom smooth-scroll bottom center">
  <i class="x-icon x-icon-angle-down" data-x-icon-s="&#xf078;" aria-hidden="true"></i>
</a>

Then make sure to clear your caches, or perhaps disable them while you’re testing.

Thanks!

#7

Hi-

Thanks for that. I pasted that in and cleared all my caches, but it still doesn’t seem to be working. went back and shut off all my optimization/caching plugins - still no go. I also notice that when I look at it on my iphone that the arrow floats in front the “Find out…” button instead of there being a gap between the two of them. Is there anythign else I can do to fix this?

#8

Hi @bmahoney59,

I checked your site and I see the cache is still on. There is an error coming through minified JS file when clicked on the scroll button. Please make sure to turn off all the minification services and then completely turn off your cache plugin. If your server is caching your content, make sure to purge those as well

Let us know how this goes!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.