op-apartment.html header scrollto help

Question

Hello,

I hope I can explain this well and this involves a template that has not been customized. I am referring specifically to the header of the op-apartment.html file. Upon scrolling the view away from the starting margins, the header size changes from 70px to 68px, I believe. The problem occurs when you click the menu items and it scrolls the view 2px above the targeted section. I believe the script is not compensating for the lost 2px. I also had a similar problem with an another template before being told to use the templates in the one-page folder. What needs to be changed to correctly set the view at the top of each section no matter how big the header is?

SemiColonWeb · Accepted Answer

Hello,

Thanks for reporting this to us. We will definitely try looking more into this.

Meanwhile, consider setting the data-offset Attribute for the .one-page-menu Element to a fixed value which will then scroll the sections by the defined offset on click. Example:

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

aguyowens · Answer

Hello,

I was wondering if you can provide a timeline for looking into the issue. I already tried the changing the values of the data-offset class but it only reverses the problem. I understand your team has a lot of tickets to go through; so I understand.

Thanks!

Semicolon Web · Answer

Hello,

Thank You so much for your Continued Patience on this!

While we continue investigating this issue from our end. It will be great if you can please provide us with a Screencast of the issue so that we can work more swiftly on this and try fixing the issue quickly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.