menu no hiding with Iframe

  • Im working on a site for my church. on the child theme I add to function.php some code so I was able to have a fixed bar on top of the menu

    function mp_custom_header_above( $main_header ) {
	$custom_header = '<header id="custom-header-above">';
        $custom_header .= do_shortcode('[et_pb_section global_module="206"][/et_pb_section]');
    $custom_header .= '</header> <!-- #custom-header-above -->';
	return $custom_header . $main_header;
}
add_filter( 'et_html_main_header', 'mp_custom_header_above' );

    The button that says “start giving” has some code give to me by the client. this code call a JS file that display an Iframe with a form 

    <p style="text-align: center;"><button class="tithely-give-btn" style="background-color: transparent; font-family: inherit; font-weight: bold; font-size: 12px; padding: 5px 15px; border-radius: 2px; cursor: pointer; background-image: none; color: white; text-shadow: none; display: inline-block; float: none; border: 2px solid white;" data-church-id="*****">Start Giving</button>
<script src="https://tithe.ly/widget/v3/give.js?3"></script>
<script>
  var tw = create_tithely_widget();
</script></p>

    Im not sure how can I make the bar to hide behind the Iframe after the button is clicked.

    Any sugestions?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You’re using a commercial theme (Divi), so please use their official support channel. We feel they are best equipped to support their products.

    https://www.elegantthemes.com/forum/

    Commercial products are not supported in these forums. .

    Thread Starter ae3erdion

    (@ae3erdion)

    ok, thanks, I thought that since it was a child theme and is a custom work it was ok to ask here

    • This reply was modified 6 years, 1 month ago by ae3erdion.
    Moderator bcworkz

    (@bcworkz)

    No worries. If you’re not sure, by all means ask. If your custom work solely involved core functionality, we would happily try to help you regardless of theme. But your code apparently involves theme filters and shortcodes of which we know nothing about. The theme devs are indeed in the best position to help you with such code.

    Thread Starter ae3erdion

    (@ae3erdion)

    Is there a PHP or CSS trick that I can use to do something like that, if I dont hear back from the theme devs

    Moderator bcworkz

    (@bcworkz)

    I don’t see any conflict between menu and form. Apparently you fixed it by making the form into a modal?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘menu no hiding with Iframe’ is closed to new replies.