mnfexps

Hi,

Thanks for your help.

Just to make it easier for anyone who has the same issue in future, thought I would post my final resolution as below. I have gone this way as in my testing, I found the code was working differently on different devices.

/* Scroll issue fix */

/* screens less than 400px */
@media (max-width: 400px) {
    .sticky-header-offset-container .entry-content > .wp-block-group {
        scroll-margin-top: 160px !important;
    }
}

/* screens btwn 400 and 480 */
@media (min-width: 401px) and (max-width: 480px) {
    .sticky-header-offset-container .entry-content > .wp-block-group {
        scroll-margin-top: 120px !important;
    }
}

/* screens btwn 480 and 895 */
@media (min-width: 481px) and (max-width: 895px) {
    .sticky-header-offset-container .entry-content > .wp-block-group {
        scroll-margin-top: 145px !important;
    }
}

/* screens btwn 895 and 1152 */
@media (min-width: 896px) and (max-width: 1152px) {
    .sticky-header-offset-container .entry-content > .wp-block-group {
        scroll-margin-top: 80px !important;
    }
}