Adding Scroll Offset To Qubic Template Because Of Sticky Header - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Adding Scroll Offset To Qubic Template Because Of Sticky Header

H

Heinz

Template 2 years ago

I am using qubic template with sticky header. By adding links to anchors the anchor comes below the sticky header. Adding more Padding to sections is not the way, because it looks not good.

I see that "SmoothScroll v0.9.9" is used in qubic. I aksked a question to your AI supportengine. She replyed:

Yes, you can define an offset in SmoothScroll v0.9.9. To do this, please follow the steps below:

    Open the template folder (templates/shaper_lightbox/js/) and locate the main.js file.
    Open the main.js file and locate the following code:

                var scroll = new SmoothScroll('a[href*="#"]', {
                    speed: 500,
                    speedAsDuration: true
                });


    Add

After the "Add" nothing follows. she don't told me what code I have to add.

Do you have a solution to add an offset to anchor links in Qubic? Alle code-snipplets I found in the forum or elsewhere did not work...

0
1 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #124513

Hi there!

Thanks for contacting us.

Yes, you can use padding to your intended section to get it started after the header height. There is no other default way to do that.

The following conversation may help you either:

https://www.joomshaper.com/forum/question/3635

And the following one also may help, but it works with Helix Ultimate, not sure for Helix3 though:

https://www.joomshaper.com/forum/question/23530

Best Regards

0