Offset sticky bar when "smooth scroll"

Hi there!

As you can see from this page if you scroll down and click on “business”, you’ll see the smooth scroll goes too far and overlaps the content. Is threre any way to offset this?

Thanks,
Austin

Hi there,

The Smooth Scroll functionality is not implemented completely in Pro yet and it does not calculate the Header Height due to the complex nature of the Header Builder. This will be considered soon.

But meanwhile we did an improvement in the code despite the header calculation in version 1.1.1 which you can see in the changelog:

https://theme.co/changelog/

Kindly update the theme to that version.

Thank you for your understanding and patience.

Ok, so you’re saying there isn’t a way to offset by a certain px using code?

Hi,

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

I found this solution in another post. By modifying the class that the click acts on, I was able to smooth scroll with the offset for sticky nav.

If you are doing this from a menu item, I used
.customclass .x-anchor-menu-item[href^="#"]

For internal links in copy, I used
.customclass[href^="#"]

Glad you managed to resolve the issue on your own and thank you for sharing the solution with us.

Cheers!