smooth scroll not working

Envi_snc · June 2017

hello

on the homepage i've placed some icon at the bottom of each section to scroll down the page to the next section: right now they jump from one section to another, while on this other page there is only one at the first section but when clicked it reload the whole page and the jumps to the linked section. I'd like to have a smooth scroll when these icons are clicked...

here you can see a couple of screenshots: http://imgur.com/a/4MdpU

Bryan · June 2017

Hello,

1. You do not need css to do this, go to theme options>responsive>header and hide the action bar icons, like here: http://prntscr.com/fhu0qg

2. If you want to have custom links that will work with smoothscroll then please add a 'scroll' class to each link element for example:

Please also edit the page, and scroll under the muffin builder, there you will find the one-page option. Turn it on.

thanks

Envi_snc · June 2017

1. yep, i figured this out by myself just before your answer, sorry for that...

2. on the homepage the first section with the slider revolution element was easy, I forgot to set a duration time for the animation. However the "one page" option was already active, i've added now the class scroll to each VC icon in the field for the extra css class but it doesn't change anything.

Bryan · June 2017

This is not correct since the inspect tool shows that the rest of the icons do not have a scroll class.

http://prntscr.com/fi3yg4

Envi_snc · June 2017

maybe I'm doing something wrong...

http://imgur.com/a/p6Vh8

both vc icons are set as the image in the link, do I need to change something?

Bryan · June 2017

Yes but this adds the class to the container not the link. If you cannot change it in VC, then it will be not possible.
See here: http://prntscr.com/fisc33

Envi_snc · June 2017

ok, i moved everything to revolution slider.

Thank you for you help

enzomastrolonardo · February 2018

Hi, link to anchor in same page works but without scroll effect.

I checked "one page" option is on, named section ID, link to #section in the item and "scroll" in the classes box, but nothing happen.

Where I am doing wrong? Thank you!

Bryan · February 2018

enzomastrolonardo
Please send a link and tell us which link should we inspect.
thanks

cyprien86 · July 2018

Same by me. Icon with Link. But the Link has no class but the ICON and thats wrong. Please fix this.

And another problem is in the Bakery the link tool ist not working. On select a Link it send you in the Backend without save. In the Backout editor it works fine.

Pablo · August 2018

cyprien86

Are you sure that you have the newest version of betheme?

Also, please send me a link to your website.

Thanks.

smooth scroll not working

Comments