Dividing the Genesis Footer in 2 parts

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

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="http://genesisdeveloper.me" target="_blank">GENESISDEVELOPER.ME</div>';
  
  return $new_output;
}

And added the following CSS in style.css file

.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

Divide Footer in 2 parts

Share This Article

Subscribe Membership Plan ($9.99/mo)

  • Get full access to all premium tutorials
  • Get Support for the posted content
  • Request for specific how-to tutorials
  • Cancel the subscription at anytime

Reader Interactions

Leave A Reply

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