Skip to content

Can anyone tell me what is wrong with my website? #22721

Discussion options

You must be logged in to vote

Ah, you’re correct! Thanks for clarifying. 👍

It is indeed an issue with viewports. Adjusting my browser window or opening the devtools docked to the bottom displaces the .home-feature section, causing it to overlap the button and block it from being clicked.

The negative top margin on the .home-feature class appears to be causing the overlap.

.home-feature {
  padding-bottom: 0px;
  padding-top: 30px;
  margin-top: -220px;
  z-index: 9;
}

So getting rid of that would fix it. However, if it’s a necessary part of your design, you may need to adjust the margin-top value with a media query, like the one below.

@media (min-width:991px) and (max-height:680px) {
  .home-feature { margin-top:-15…

Replies: 5 comments

Comment options

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
0 replies
Answer selected
Comment options

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
2 participants