Heading Position Is Off After Selecting a Table of Contents Item

If a heading hides under a fixed header after you select a table of contents item, adjust "Scroll offset" in "Customize the table of contents."

A positive value moves the heading stop position down. Enter the fixed header height in px.

(1) Open Customize the table of contents

From Shopify admin, go to Apps and open "RuffRuff Table of Contents." Select "Customize the table of contents" from the app menu.

(2) Enter the offset and save

Enter the header height in px in "Scroll offset," then select "Save." Example: if the header is 80px, enter 80.

If the table of contents item text does not match the heading text in the body, the move ID is not added. If the heading contains special spaces, delete the heading and type it again. This match is required even when Heading ID generation is numbering.

The app cannot fix offset caused by lazy-loaded images. Turn off lazy loading, or accept the offset.

If theme-specific scroll handling is the cause, contact us. We may ask for store access for investigation.

• Customize the Table of Contents

• Table of Contents Not Displaying

If the above still does not solve the issue, contact us through the contact form.

When you contact us, include the following information.

• The store's myshopify.com domain

• The page URL

• The theme name

• The items you have already checked