Search code examples
htmlcsswordpressfooterspace

Empty space under my main page footer - Wordpress

I have a weird problem,

My main page (Only) is showing long empty space under page footer and this happens when I use Google Chrome only. IE, Firefox working without any problems.

PS : 1 - this weird space disappears from Google Chrome when i turn my homepage to static content page.

2 - I've tried to disable all plugins but still have the same problem

So how to solve this problem.?

Site URL

Solution

  • The problem seems to be with the .screen-reader-text class inside each article which is keeping the items inside the main page flow.

    Try updating the css to:

    .says, .screen-reader-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    Just keep in mind that this will also affect the .says class. If needed, just move .screen-reader-text into its own class.

    .says {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
}
.screen-reader-text {
      position: absolute;
      left: 0;
      top: 0;
      width: 1px;
      height: 1px;
      overflow: hidden;
}