I don’t know about you but just about every site I build with Divi I end up setting my header full-width as it the style I tend to like but the issue for me is that there no option in Divi to do same with the footer.
Today I’m going to show you in a very short tutorial because it pretty simple to do, so let’s get down to the CSS to have a full-width footer.
Let’s first make the bottom bar with our copyright in it full-width
#footer-bottom .container{margin-right: 2.773%; margin-left: 2.773%; width:94.454%!important;max-width: 94.454%;}
Now let’s make the main footer area full-width, I am assuming you would like this section to be full width as well.
#main-footer .container{margin-right: 2.773%; margin-left: 2.773%; width:94.454%!important;max-width: 94.454%;}
if you made both your footer sections full-width then maybe replace the previous two line of code with just this one line of CSS.
#footer-bottom .container, #main-footer .container{margin-right: 2.773%; margin-left: 2.773%; width:94.454%!important;max-width: 94.454%;}
Some your widget might overlap due to the width not being very wide by default so we will add the following to line to make our widgets take up their full-width of it column.
#main-footer .fwidget.et_pb_widget {width: 100%!important;max-width: 100%!important;}
