Closed 5 years ago.

• Questions that are too localized (such as syntax errors, code with restricted access, hacked sites, hosting or support issues) are not in scope. See how do I ask a good question?
• Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

I have created a custom 404 error page. However, the links are not clickable. The link to my site and a random 404 page is

Closed 5 years ago.

• Questions that are too localized (such as syntax errors, code with restricted access, hacked sites, hosting or support issues) are not in scope. See how do I ask a good question?
• Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

I have created a custom 404 error page. However, the links are not clickable. The link to my site and a random 404 page is https://createandgo/error404page

• 404-error
• links

• 2 Because you have a giant giphy embed sitting on top of them that's broken ( as in it won't load ), and broken ( as in it has position relative and zero height and a few other styling related issues ). You also have CSS styles that hide giphy embeds on 404 pages too. Check it in your browsers dev tools and you'll see this is a generic CSS issue – Tom J Nowell ♦ Commented Dec 6, 2019 at 15:20

1 Answer 1

It's because you have incorrect css being used on some divs within that page.

On that page a couple of divs down from the H1 deceleration you have a div with some inline css:

<div style="width: 100%;height: 0;padding-bottom: 56%;position: relative;">

You need to remove the padding-bottom:56%; so it is:

<div style="width: 100%;height: 0;position: relative;">

Then in you have some css on in that template inside the <style></style> tags of:

.above {
    margin-top: -580px;
}

You also need to remove that completely. Once you do that your issue will be gone and your content will be positioned properly.