Adjust data-scrollto on changed header height

4 replies · opened Apr 19, 2021

JJackVaApr 19, 2021

Hello,
I've increased the header height to 154 pixel.
When I use the FAQ template with data-scrollto the header with menu is overlapping to the entry where it has to scroll to.
Where can I adjust this setting?

SSemicolon WebSTAFFApr 19, 2021

Hello,

This should be calculated automatically. We will check why this is not working as expected and release a fix for this soon. Meanwhile, you can simply set a Custom Scroll Offset by using the data-offset="190" (or any other value) on the data-scrollto Element.

This will definitely work fine. Hope this Helps!

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

JJackVaApr 19, 2021

Great that works. Is there a way to have different offset for mobile and desktop menu?

SSemicolon WebSTAFFApr 19, 2021

Hello,

Yes, ofcourse! You can use data-offset-xxl to data-offset-xs (Bootstrap Equivalents) to set your Custom Offsets for different devices.

Hope this Helps!

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

JJackVaApr 19, 2021

Thanks. I'll experiment with them. Slowly getting there :)

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard