smooth scroll not working

Envi_snc · June 2017

hello

on the homepage [Links visible only for registered users] 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 [Links visible only for registered users] 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: [Links visible only for registered users]

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: [Links visible only for registered users]

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.

[Links visible only for registered users]

Envi_snc · June 2017

maybe I'm doing something wrong...

[Links visible only for registered users]

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: [Links visible only for registered users]

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

This website uses cookies