Support Center Visit Demo License manager Buy @ envato

ID Anchors not working properly

guillermofr90guillermofr90
edited June 2017 in Theme support
I have added an ID to one of my pages section ( you can see it here https://www.creativelead.es/#llamada ) , that part is OK.

The problem: I have added a button in Revolution Slider: the one that says 'MÁS DETALLES': that button is supposed to scroll down to #llamada but most of the times it gets 'stuck' on the first muffin builder section of the page.

Im using <a href="#llamada" class="scroll"> on the button code and Revolution Slider Action is set to Scroll Below Slider.

- There is no other section called #llamada, i also have tried to change the ID name
- The page is set to 'One page'

Comments

  • BryanBryan
    Hi,
    Everything seems to be working correctly, the page scrolls to the coreect ID, do you have any cache? Try disabling it
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • guillermofr90guillermofr90
    edited June 2017
    I have 'WP Super Cache' plugin which is now disabled, and i've also tried to clear cache on different browsers and its still getting stuck.

    I have recorded the problem on both different browsers (chrome/firefox) with cleared cache / incognito navigation: https://www.creativelead.es/wp-content/uploads/2017/06/2017-06-14-16-25-08.flv
    Its also happening on a second computer though (didnt test others)

    Is it working correctly on your computer?

  • BryanBryan
    This is because the div that contains the button also have a click event, when you click the button you also click the div and two actions are fired off. Please go to rev slider and check if you have selected any action on that div, we are talking about click actions.

    P.S. When you click on the text it scrolls correctly but then you click the background of the button is does not scroll.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • guillermofr90guillermofr90
    You are right: the button contains a click event, and the button content (the anchor with scroll class) contains another one, so when you click the anchor text it scrolls correctly, and the button just does the another action.

    I just removed the button and added an anchor with padding which looks the same way, and its now working properly.

    Thanks you so much.
Sign In or Register to comment.