Html bookmark from one page to another (sticky menu)

Im trying to send html bookmark from home page to services page.
services listed in home page with Readmore button

<a href="services.php#services-1">Read More</a>

services page with bookmark id

<div class="services-wrapper" id="services-1">

When i click on readmore button it takes me to services page but due to sticky menu, services section is half hidden due to sticky menu.

how can i solve this issue, i want to show full services section below sticky menu

You can use the scroll-margin property to offset a fixed height.


 .destination {
  scroll-margin: 100px 0 0 0;

It’s not much use for fluid height elements and then you’d probably need some js to help.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.