Scroll to the center of the page

Hi Support,

I have made custom links to several text widgets on the same page but the widget scrolls too far upwards and is partly hidden by the header. What can I do the position the widget in the center of the viewport? See the screenshot

https://cldup.com/CPSYQup-ZP.PNG

The site is: www.janzaal.nl/vvt/nederlands.

Thanks in advance and have a nice day.

Hello,

Please try to use the following CSS code in order to add offset to your anchor sections.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media (min-width: 1025px) {
    #panel-99-0-0-0,
    #panel-99-0-0-1,
    #panel-99-0-0-2,
    #panel-99-0-0-3,
    #panel-99-0-0-4 {
        padding-top: 132px;
        margin-top: -132px;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman,

Again you have the perfect solution. I only changed the padding-top and margin-top into 200px to put the text more in the center of the page.

Great! You are welcome :slight_smile:

Kind Regards, Roman.