Anchor link leads to wrong position - mobile only

[blueoaks]

On this page I have a button (“see our FAQs”) that leads to a section with an FAQ on this page. On desktop the link works fine and lands the user right where I want, at the top of the section. But on mobile it lands them several inches lower.

I originally had a relative link but tried an absolute link after reading other forum posts. This made no difference.

Problem is on smaller screens only (tested on iphone 6s so far). I am using padding-top of 5% on the section so I understand this will give different relative results based on screen size, but on mobile phone size, its not event close despite there being plenty of padding.

Please advise.
thank you

[ruenel]

Hello There,

Thanks for writing in! Instead of using 5% top padding, please use a fix top padding for the smaller screens so that it will display correctly. To resolve it, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 979px){
    body #faq {
        padding-top: 60px !important;
    }
}

Hope this helps. Please let us know how it goes.