CODEWITHSUNDEEP
javascriptjqueryhtmlcsswordpress
Hamza Choudary
Hamza Choudary

Reputation: 25

Page overlaps on a footer div

I am working on a "wordpress" website. I am using a mobile footer plugin which only appears on mobile devices. The problem I am facing is the page overlaps the footer (on phone).

I tried z-index as well to make that div appear on the page and not behind the page but it seems not to work. Here's my css for mobile footer div:

#callbook {
    bottom: 0;
    height: 48px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 100;
    -webkit-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    -moz-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
}

I added the padding-bottom:48px; to the check if the div exists, and it does. The problem is the page is overlapping the footer div. Appreciate your help :)

Cheers~

Upvotes: 0

Views: 66

Answers (1)

dwsndev
dwsndev

Reputation: 790

After looking at your site, it seems that your z-index just wasn't high enough. Change #callbook z-index to z-index: 9999; and it shows right up.

Upvotes: 1

Related Questions