I applied position:fixed to my site-footer, it’s working in Firefox, but in Chrome it’s not fixed bottom. Can you please give me some advice?
.site-footer {
background-color: #231F20;
padding-top: 20px;
padding-bottom: 30px;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
}
<footer id="test" class="site-footer col-md-12">
<div class="site-info">
<div class="col-md-4">
<a href="/contact" class="btn btn-contact">Contact</a> <a href="#" class="btn btn-about">Terms</a>
</div>
<div class="col-md-8">
Copyright © <?php echo date('Y');?> <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a> - <?php bloginfo('description'); ?>.<br />
</div>
</div><!-- .site-info -->
</footer>
I really appreciate any help. Thank you!
I think you might have a collision with the bootstrap classes. Maybe you can add
in the css to overwrite bootstraps styling