anchors break interior page

Hi,

I found out that if I use anchors in the article, it causes the menu on the top to break. Is there any way to fix it? Thanks.

noble.kjamson.com/index.php/faq

What do you mean by anchor , anchor in joomla/php/css world refers to this:

www.w3schools.com/css/css_pseudo_classes.asp

but I dough you meant that or I don't understand you. If you think on anchor like in some Microsoft product (like Visual Studio Forms designer) that does not exist here.

Hi Ivan,

That's exactly what I meant. The anchor links on the page. Basically, the link I posted is displaying an article. It contains a list of questions as the top portion of the article, and the bottom portion is the answers. Each question contains a link to the anchor of the corresponding answers. If you click on one of the links, it brings you to the answer, but if you scroll up afterwards, you will see the top navigation menu is gone.

Thanks.

add this in index.php of template just before </head>

<script type="text/javascript">
jQuery(document).ready(function(){ if(window.location.href.indexOf('#')) jQuery('.interior_page').css('top','-30px');});
</script>

Hi Ivan,

I tried your solution. It works, but it only works if the user refresh the page because the script is in the header. If the user just click on the link and not refresh the page, which is the common browsing habit, the issue still remains. Is there a way to fix it without having the user to refresh the page?

Thanks.

try this:

<script type="text/javascript">
jQuery(document).ready(function(){ if(window.location.href.indexOf('#')) jQuery('.interior_page').css('top','-30px');
jQuery('.interior_page').delay(1000).css('top','-30px');
});
</script>