Dear @calvez_calvez
I hope to give a quick answer that help's you on what i believe is occurring:
The 'Information" text in the top right corner is actually a link to a project 'page' called information that sits in Lay Theme's primary menu:
[image: 1601290227559-screen-shot-2020-09-28-at-12.48.08-pm-resized.png]
However this project page cannot be accessed because a class called 'disabled' has been applied to the <a> link making it not clickable - 'pointer-events:none;'
[image: 1601290364041-screen-shot-2020-09-28-at-12.36.31-pm-resized.png]
Now hiding above the viewport and away from the user is a box called 'Contacto' containing the <p> paragraph information that displays the content:
[image: 1601290518688-screen-shot-2020-09-28-at-12.45.49-pm-resized.png]
Here we can see that this box sits '-1000px' out of sight.
The trick happens that when 'information' is clicked a class is added/ toggled on called "active "
https://www.w3schools.com/jquery/html_toggleclass.asp
This new class "active" come's with some new CSS that changes the 'top:-1000px; to 'top: 37px;
[image: 1601290764618-screen-shot-2020-09-28-at-12.45.57-pm-resized.png]
Now "contacto" is forced into view and along with a transition for a smooth effect:
https://www.w3schools.com/css/css3_transitions.asp
This method requires knowledge of basic CSS and JS Added to "Lay Options - Custom CSS & JS"
[image: 1601290871252-screen-shot-2020-09-14-at-2.51.54-pm-resized.png]
https://laytheme.com/documentation.html#custom-javascript
Remember with JS that you must load it within a 'newpage event' to work with Lay Theme - also that the common '$' needs to be changed to 'jQuery'
https://laytheme.com/documentation.html#custom-css-styling
I hope this helps you @calvez_calvez and good luck! its a really cool customisation.
have a wonderful day and thank you for using Lay Theme :)
Sincerely
Richard
