Footer Columns are broken

[Andreas]

Hello,

we have a CSS style Problem.
In the DIVI Template ist the footer on calendar view broken…

please, can you send us an css snipped 🙂

[Nico]

Hi there Andreas,

Thanks for getting in touch with us!

I think it might be a better idea to reach out to Divi support team on this, so they can check why it’s failing. I took a look and it seems that in calendar pages the CSS below is not taking effect because the body doesn’t have the class et_pb_gutters in calendar pages:

@media (min-width: 981px)
.et_pb_gutters2.et_pb_footer_columns4 .footer-widget {
width: 22.75%;
}
@media (min-width: 981px)
.et_pb_gutters2 .footer-widget {
margin: 0 3% 3% 0;
}


For now you can use the snippet below to force the addition of the missing class, but I’d recommend reaching out to Divi support and asking them about the root cause for the issue. Paste the code in your theme’s (or child theme) functions.php file and it should make it right:

/* Force the et_pb_gutters2 body class */
add_filter( 'body_class', function( $classes ) {

// bail if the class is already there
if ( isset( $classes['et_pb_gutters2'] ) ) return $classes;

// add if it's not there
array_push( $classes, 'et_pb_gutters2' );

return $classes;

}, 100 );


Please let me know if this works as expected,
Best,
Nico

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts