Hello there @Armin-Unruh

The web i am currently building uses anchor points to create an index (Wikipedia style) in Desktop and touchdevices. I name the ID of the target row on the <a href>, and it worked wonders on all platforms.

http://videscreuades.com/edicion-2019

The thing is, after the update the anchorpoints in the mobile version do not work. Here's the code used in the page:

<p class="_SmartphoneTextN1" style="text-align: center;">
      <a id="view-more" style="color: black;" href="#VC19-P1">1. El proyecto</a>  
      <a id="view-more" style="color: black;" href="#VC19-P2">2. Protagonistas</a>
<br />
      <a id="view-more" style="color: black;" href="#VC19-P3">3. Rutas</a> 
      <a id="view-more" style="color: black;" href="#VC19-P4">4. Exposición</a> 
      <a id="view-more" style="color: black;" href="#VC19-P5">5. Galería</a>
</p>

I haven't been able to find any explanation to why. Also, I put this script on the custom <head> part to ease the scroll effect.

<script>
jQuery(document).ready(function(){
	jQuery('body').on('click', '#view-more', function(event) {
		event.preventDefault();
		jQuery('html, body').animate( { scrollTop: $anchor.top }, slow);
	});
})
</script>

Any help on how to make it work? I'd hate to rethink all the web navigation just for this since it's supposed to be a simple code.

Thanks.

Lay Theme Forum

Diego_march