Attach the footer to the bottom of the page

Hosting Support
1

Hi, I have a problem with the footer of my site, if you go here https://hard-questions.com/ricerca (without looking for anything else the footer will go under [and so it must also go without searching]) you can see that the footer is attached to the search bar, I would like to fix it in bass.
I had found a way to make sure that the footer was fixed at the bottom but thus covered the items that were being searched. Is there another way? I leave you the page code → Apr 25, 2020 - Codeshare

2

since your footer is fixed (plus z-index) and when you do not have enough vertical space then he overcomes everything below him

image
image1371×595 184 KB

if I understood your problem well
you need to delete this inline CSS code (on the live page - i haven’t watched your codeshare)

   @media (min-width: 1000px) {
#pagina_di_fondo{position:fixed;}
}

it all depends on what size you are viewing your page and which @media ~px you will be activated

in addition, the title should be inside the head element

<head>
<title>Page Title</title>
</head>
5 Likes
3

I removed that css as you told me but the footer is always attached above. it is very strange https://hard-questions.com/ricerca

4

do you want something like that?
fsfsfs

then you should use these two inside #pagina_di_fondo:

position: fixed;
    bottom: 0;
1 Like
6

I put the code inside but don’t work

image
image1920×1080 211 KB

7 
#pagina_di_fondo {
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
   /* z-index: 999;
    position: fixed;
    bottom: 0;*/
}
   @media (min-height: 1000px) {
#pagina_di_fondo{
z-index: 999;
    position: fixed;
    bottom: 0;
}
}
1 Like
8

Excuse me, I got the wrong page to edit :sweat_smile: :sweat_smile:

9

Now it works I entered

position: fixed; bottom: 0;

inside the bottom page, but unfortunately when I go to look for articles the footer does not scroll down but covers articles

10

If you use Cloudflare, please also consider to clear Cloudflare’s cache over your browser cache.

1 Like
11

Now I’m looking at the mobile version and seeing that the footer covers the whole page

12

it’s because the footer is too big.

1 Like
13

Would you recommend me to change footer?

14

I changed footer, I realized that the previous one was wrong. Only that this has the same problem as before, I can’t really fix it. This is the new footer hard-questions.com/nwfooter

15

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.