I am dividing the Genesis Footer in 2 parts. I am filtering the “genesis_footer_output” function. I added the following the code in functions.php file
1 2 3 4 5 6 7 |
add_filter('genesis_footer_output', 'gd_footer_output', 10, 3); function gd_footer_output($output, $backtotop_text, $creds_text){ $new_output = '<div class="footer-left">' . $output . '</div>'; $new_output .= '<div class="footer-right">Website Design by <a href="https://genesisdeveloper.me" target="_blank">GENESISDEVELOPER.ME</div>'; return $new_output; } |
And added the following CSS in style.css file
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
.footer-left{ float: left; width: 48.717% text-align: left; } .footer-right{ float: right; width: 48.717% text-align: right; } @media only screen and (max-width: 600px){ .footer-left, .footer-right{ clear: both; float: none; text-align: center; width: 100%; } } |
I am getting this output