Onpage website design problem with the "active" class on the first list item.

83 Posts

stefonline Reply #1, 8 years, 11 months ago

Hello,

I'am developing a onepage website and on the root domain(home button) there is a problem with whitespace under the menu and above the picture.

For example go to www.hetsoestererf.nl and there you see the white space under the menu items.

If you click the home button the url is pointing the the first section https://www.hetsoestererf.nl/#home and then the page shows correct. Logical for me. So the #home after the url is correct.

The first menu item "home" contains the "active" class but here something goes wrong. See the links and screenshots for example's

Can someone help me to fix this problem?

Regards
Stefan [ed. note: stefonline last edited this post 8 years, 11 months ago.]

932 Posts

LK Reply #2, 8 years, 11 months ago

It's a CSS problem.

You need to remove these properties from your sheet.

.g-pt-170--lg {
    padding-top: 12.14286rem !important;
}
.g-pt-135--md {
    padding-top: 9.64286rem !important;
}
.g-pt-130 {
    padding-top: 9.28571rem !important;
}
.g-pt-135--md {
    padding-top: 9.64286rem !important;
}
.g-pt-130 {
    padding-top: 9.28571rem !important;
}

The reason why the #home works is because it automatically scrolls and places you to that section, but of course you can still scroll up to reveal the space wink

■ email: [email protected] | ■ website: https://alienbuild.uk

The greatest compliment you can give back to us, is to spend a few seconds leaving a rating at our trustpilot: https://uk.trustpilot.com/review/alienbuild.uk about the service we provided. We always drop mention of services offered by businesses we've worked with in the past to those of interest.

83 Posts

stefonline Reply #3, 8 years, 11 months ago

@LK Thanks!!!