Home Footer cover part of body content

# Footer cover part of body content

user7596
1#
user7596 Published in September 20, 2018, 4:34 pm

I'm working on a page that has a header and footer. For some reason, the footer is covering part of the body content no matter how I modify the footer css. Currently, my css is

       html {
height: 100%;
box-sizing: border-box;
}

body {
position: relative;
margin: 0;
min-height: 100%;
}

.navbar {
margin-bottom: 20px;
}

.footer {
width:100%;
height:6%;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-color: #efefef;
}
    <footer class="footer fixed-bottom navbar-dark bg-dark">
<div class="container">
<p class="text-muted text-strong">Copyright (c) information and other stuff</p>
</div>
</footer>

Could someone point me to how to fix that problem? Also, a side topic, but how could I adjust the width of the button, so they have the same width (for Revoke/Grant Access buttons). Thanks

• Mate, you need to post your HTML code (additionally to CSS). – WebDevBooster Feb 14 at 9:56
• It has nothing to do with my HTML code, but I edited it in my post – shjnlee Feb 14 at 10:04

 You need to login account before you can post.
Processed in 0.294742 second(s) , Gzip On .