html – Setting footer position by page id-ThrowExceptions

Exception or error:

I’m wondering how to set the footer position by page ID.

Tried:

@media (max-width: 768px). 
{#colophon.page-id- 
3748{position: absolute; 
bottom: 0px;
}} 

@media (max-width: 768px). 
{#colophon>.page-id- 
3748{position: absolute; 
bottom: 0px !important;
}} 

@media (max-width: 768px). 
{#colophon>.page-id- 
3748{position: absolute; 
bottom: 0px !important;
}}

@media (max-width: 768px). 
{.site-footer.page-id- 
3748{position: absolute; 
bottom: 0px !important;
}} 

Specificity:

@media (max-width: 768px). 
{.site-footer>.page-id- 
3748{position: absolute; 
bottom: 0px !important;
}} 

Nothing.

Html

<div class="footer- 
callout"></div>
<footer id="colophon" 
class="site-footer footer 
bg-dark" 
role="contentinfo">
<div class="container 
footer-inner">
<div class="row">
<div class="footer-widget- 
area">
<div class="col-md-3 col- 
sm-6 footer-widget" 
role="complementary">

Pagehere

The issue started when I positioned by elements absolutely, which then sent the footer up the page. So I’m trying to ground it with bottom: 0px; and setting footer itself to position: absolute;

How to solve:

Leave a Reply

Your email address will not be published. Required fields are marked *