Footer Socket Should Stay In Bottom - Support | Kriesi.at

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
June 7, 2020 at 3:17 pm #1220192

wasim-ullah
Participant

I tried: https://kriesi.at/support/topic/stick-socket-to-bottom-of-page/

But now the socket overlays the page content, it should stay at the bottom of page,

June 8, 2020 at 12:55 am #1220331
Mike
Moderator
Hey wasim-ullah,
Please change your css from:
```
#socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
```
to this:
```
@media only screen and (max-width: 767px) { 
#socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
}
```
After applying the css, Please clear your browser cache and check.

Best regards,
Mike
June 9, 2020 at 10:36 pm #1220988

wasim-ullah
Participant

That did not work.

June 9, 2020 at 10:38 pm #1220989

wasim-ullah
Participant

It only worked on a mobile device.

June 9, 2020 at 10:39 pm #1220991

wasim-ullah
Participant

Basically, I want the footer to stay in bottom. Your code only adjusted it for mobile device, not in the bottom but it overlapped the content in mobile device.

June 9, 2020 at 10:40 pm #1220993

Jordan Shannon
Inactive Moderator

Hi,

Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

Best regards,
Jordan Shannon

June 9, 2020 at 11:50 pm #1221018

wasim-ullah
Participant

Yes I did and it does not work the way I described above

June 9, 2020 at 11:51 pm #1221019

wasim-ullah
Participant

I need the footer to stay in the bottom of the page but do not overlay on the content. Your code above does not do it

June 10, 2020 at 4:12 am #1221033

Jordan Shannon
Inactive Moderator

Hi,

Apologies but I’m not seeing any overlap on the desktop. Is there a specific page that I should be looking at?

Best regards,
Jordan Shannon

June 10, 2020 at 3:42 pm #1221241

wasim-ullah
Participant

Hi Jordan,

The overlap is in the mobile screen, the desktop does not keep the socket in footer.

June 10, 2020 at 11:08 pm #1221447
Nikko
Inactive Moderator
Hi wasim-ullah,

Can you try adding this CSS code:
```
.home #main .container_wrap_first {
    min-height: 100vh;
}
```
Hope it helps.

Best regards,
Nikko
June 11, 2020 at 12:37 am #1221466

wasim-ullah
Participant

That solved the problem. Thank you

June 11, 2020 at 1:24 am #1221473

Jordan Shannon
Inactive Moderator

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Footer Socket Should Stay In Bottom’ is closed to new replies.