Note: This is for stores with Sticky Headers since the nature of Sticky Headers means content may be partially or fully overlapped. The following article is a neat css option to fix potential issues with bundles & Sticky Headers
Using the Custom CSS block found in Settings > Custom CSS you can change where the auto next step feature will load the next step. As standard it may load on the products of the next step, rather than the step title/description.
A small css solution is to add the following code into the Custom CSS block:
* { scroll-margin-top: [HEADER-HEIGHT]px; }What you'd need to do is find the height of the header (you can do this using the inspector in the browser) and add it instead of the [HEADER-HEIGHT], add in the required pixels like so:
* { scroll-margin-top: 100px; }
To access the Custom CSS option, navigate to the Kitenzo settings > Custom CSS and add in the required code:
