How to stop anchors scrolling too far in Agency Pro

[clairedj]

I added a button on the home page of Agency Pro that will scroll down to a widget in a lower section of the home page.

The top of the widget area gets cut off by the header though. Example: https://www.supportdogs.org/#home-middle

Is there a way to fix this?

I tried adding <span class="home-middle-anchor"></span> to the home middle widget in front-page.php and then added the following in style.css

.home-middle-anchor {
display: block;
height: 200px;
margin-top: -200px;
visibility: hidden;
}

This didn't work though.

https://www.supportdogs.org/#home-middle

[William]

Yes 🙂

#home-middle {
    margin-top: -100px;
    padding-top: 100px;
}

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[clairedj]

Thanks! I tried that and it is still scrolling too far. Do you have any suggestions for what else I would try?

[William]

I am positive that the above CSS works 🙂

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[Author]

Posts