How do I fix a footer that is overlapping content?

06-04-2018 05:28 AM
New Contributor

I am new to html/css and trying to get a basic footer to work/look properly in ArcGIS Hub. The appearance of the section, is working just fine. The problem is that it overlaps (or floats) over last of the page content. I think it is a problem with the class. Here's the code that's being used. Any help would be appreciated. I've tried to fix it to no avail.

.footer {
background-color: #83b9c6;
color: white;
<div class="footer">
<div class="col-xs-12">
<div class="col-xs-12">
<img src="" class="center-block logo" height="100">
<div class="col-xs-12">
<ul class="nav nav-pills" { list-style-type: none }>
<li role="presentation" style="list-style-type:none"><a href="#">Home</a></li>
<li role="presentation"><a href="#">About</a></li>
<li role="presentation"><a href="#">Catalog</a></li>
<li role="presentation"><a href="#">FAQ</a></li>
<li role="presentation"><a href="#">Contact Us</a></li>
<div class="col-xs-12">
<div class="text-center"><em>Copyright 2018. Upper Valley Lake Sunapee Regional Planning Commission.</em></div>

Tags (2)
0 Kudos
0 Replies