One page navigation, working but sections need offset from menu

[touficazar]

Dear all,
I have been trying to solve this but I cant.

Home

I have setup the one page navigation, fixed top menu.
however, each section is covered by the menu and is not offset like in the demo websites
thank you for the help

[tristup]

Hi @touficazar,

Thanks for reaching out.
The issue you mentioned here has been already resolved in the latest release. If you are still having this issue, there might be an improper update of Cornerstone, I would suggest you follow the below steps to troubleshoot.

1. Delete the Cornerstone
2. After deletion please use the link in the dashboard to automatically install the Cornerstone.

If that does not work for you, you can find some alternative solutions in the following threads.

OnePage navigation with Header Builder Pro Final fix

This is the final code to get the OnePage working including offset so content doesn’t get hidden behind nav-bar =) jQuery(document).ready(function($) { $('.x-menu-collapsed .x-anchor').on( "click touchstart", function(e) { e.preventDefault(); $('.x-off-canvas-close').click(); }); $('a[href*="#"]').on('click touchstart', function(e) { setTimeout ( function() { e.preventDefault(); var hash = '#' + $(this).attr('href').split('#')[1]; if ( hash == '…

Solution: Offset anchor using one page navigation and sticky header together

Turn on One Page Navigation Define a Raw Content area just above the section you want to scroll to. Place this in it: <a class="anchor" id="name-of-section"></a>, build out your content as usual below Add your css: a.anchor {display:block;position:relative;top:-155px;visibility:hidden;} where -155px is the offset amount you desire Create your menu using custom links referencing your anchors: #name-of-section Profit

NOTE: Please remember that this code is a sample code, and it varies from case to case, and we can’t be guaranteed it works for you.

Thanks