Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 22, 2019 at 3:22 pm #1081871
    enzowillemstad

    Hi,

    I’m having an issue with the menu that overlaps the content. It’s easier to show than to explain:
    1. When you go to (is is our temporary url) https://comsampleq-pepet.savviihq.com you see the navigation bar. The first 2 item link to anchor ID’s on the homepage. as you can see they work fine and nothings goes wrong.
    2. The third option ‘contact’ links to a separate page. please click on it.
    3. When you then go back via the navigation first or second option. you automatically see the section it points to, this is also correct.
    4. But when you scroll up you see that the menu overlaps the content. and when you scroll down the same height which overlaps the content above is extra underneath the content and the footer.

    I really don’t know how to fix this. I hope you guys have an idea.
    I’ve tried changing the top content on the page, but this doesn’t matter. I’ve checked and unchecked the stickyness of the header, this also doesn’t matter. I’ve added login credentials so you can take a look at it if you want.

    Please help!

    March 25, 2019 at 4:32 pm #1082748
    enzowillemstad

    is these somebody that can take a look at this issue or is it a known bug? Could there be an easy fix?
    Please help.

    Maybe only solution is not to use the anchor id’s? but I need those in the main menu.

    March 26, 2019 at 11:34 am #1083060
    enzowillemstad

    OK, for people who experience the same issue I’ve found a work around.
    By adding the following code to the function.php (within the PHP section).

    <script type='text/javascript'>

(function()
{
  if( window.localStorage )
  {
    if( !localStorage.getItem('firstLoad') )
    {
      localStorage['firstLoad'] = true;
      window.location.reload();
    }  
    else
      localStorage.removeItem('firstLoad');
  }
})();

</script>

    The script reloads the page again without changing the url and the page remains on the anchor position.

    It would be nice if this bug is fixed though ;-)

    March 27, 2019 at 3:40 am #1083361
    Ismael

    Hi,

    Thanks for the update.

    Glad that you found a workaround. I don’t think refreshing the page is the way to do it though. Can you provide a screenshot of the issue? You can upload it to imgur or dropbox.

    Best regards,
    Ismael

    March 28, 2019 at 10:42 am #1084023
    enzowillemstad

    Hi Ismael,

    I’ve added a screen capture video, that shows the problem, in the private content settings.

    Hope you can find a solution for this.

    I’ve managed this in a browser which was not refreshed yet, so the refresh script is still active. I can delete it if you want..

    April 1, 2019 at 10:49 pm #1085727
    Ismael

    Hi,

    Thanks for the update.

    It seems to be an issue with the parallax container. The container is not resizing properly or as expected. We added the following script in the functions.php file to force the window to trigger a resize event until the page is fully loaded, leading the parallax container to resize correctly.

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		console.log('tick');
		$(window).trigger('resize');
		$(window).trigger('av-content-el-height-changed');
	}, 1000);
	
	$(window).on('load', function() {
		clearInterval(int);
	});
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    April 2, 2019 at 9:25 am #1085964
    enzowillemstad

    Hi Ismael,

    It makes sens but I’m afraid it doesn’t work on my end. Does it work on your end? I’ve tried different browsers, but I can’t see it. A refresh doesn’t do the trick any more either.

    Any suggestions? Otherwise I’m sticking with my refresh script..

    April 4, 2019 at 4:01 pm #1087112
    Ismael

    Hi,

    Yes, it is working on our end. Did you enable the “refresh” script? You should be seeing a “tick” string or text in the browser console indicating that the script is running.

    Best regards,
    Ismael

    April 5, 2019 at 2:51 pm #1087485
    enzowillemstad

    Hi Ismeal,
    Sorry nothing seems to work on this end. on any browser and I can’t get it back to way it worked with the refresh script for some reason. I’m so not a programmer.. Would you be so kind tas to put the function.php file the way you found it before adding you own script?

    Best regards,

    April 8, 2019 at 4:01 am #1088111
    Ismael

    Hi,

    We disabled the “resize” script and re-enabled the previous one. Please don’t forget to remove the browser cache.

    Best regards,
    Ismael

    April 8, 2019 at 9:12 am #1088177
    enzowillemstad

    thanks!

    April 8, 2019 at 3:42 pm #1088344
    Jordan Shannon

    Hi,

    Did you need additional help or shall we close this thread?

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Issue with anchor ID and navigation overlapping content’ is closed to new replies.