Solved Anchor on mobile offset

The anchors on desktop work great. On mobile they stop below the top of the sections. What can I do to fix it? > https://rioitalia.com.br/prova/home

Thanks

 

I'm all day trying to figure it out and nothing. Already tried the enable alternative scroll, already tried this code and nothing. Ideas? Only thinh that worked was adding padding top to ID's class, but that creates a larger empty space between sections that I don't want..Repeating the issue is just on mobile.

ps: in chrome dev inspector disabling the fixed positing of the header, the anchors worrk. But I want the fixed header.

<script> document.addEventListener('DOMContentLoaded', function(event){ if (window.location.hash) { // Start at top of page window.scrollTo(0, 0); // Prevent default scroll to anchor by hiding the target element var db_hash_elem = document.getElementById(window.location.hash.substring(1)); window.db_location_hash_style = db_hash_elem.style.display; db_hash_elem.style.display = 'none'; // After a short delay, display the element and scroll to it jQuery(function($){ setTimeout(function(){ $(window.location.hash).css('display', window.db_location_hash_style); et_pb_smooth_scroll($(window.location.hash), false, 800); }, 700); }); } }); </script>

 

Solved. Ive removed all the custom paddings ive added and now the anchors are at the right place again.