Peer to Peer: when inside a Flex container the P2P layout is broken
complete
Ginger Coolidge
Noting that we've also had this occur with the Woodmart and Avada themes.
This post was marked as
complete
This post was marked as
in progress
This post was marked as
planned
Alex Coleman
The workaround is a PHP snippet and a CSS snippet.
If you need assistance implementing custom PHP code on your website we have this guide:
Please note that this code snippet is provided as an example of how you can extend GiveWP with code. It’s up to you to implement and customize to your liking. We cannot provide support for custom code on your website, only the code that we create and distribute.
PHP Snippet:
function givewp_p2p_body_class($classes) {
if (givewp_is_p2p_page()) {
$classes[] = 'give-p2p-page';
}
return $classes;
}
add_filter('body_class', 'givewp_p2p_body_class');
function givewp_is_p2p_page() {
return !empty($_SERVER['REQUEST_URI'])
&& str_contains($_SERVER['REQUEST_URI'], '/campaign/');
}
Then add this CSS to wherever you currently add custom CSS:
.give-p2p-page .ast-container {
display: block;
}