Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1324064

    hi there, i got a serious problems with the enfold contact form.
    check out this form and hit the submit button without entering anything.
    the page will get reloaded and stays on top so you never see the error or sucessful send message.

    how can i make the forms to scroll down to the responsive ajax message?
    i am using wordpress 5.8.1 and enfold as a parent theme – no child is installed.

    accourding to other threads i might have to change /enfold/config-templatebuilder/avia-shortcodes/contact/contact.js
    but i don’t know what exactly.
    thanks for a fast reply


    any news on this?


    Thank you for your patience, how about a popup modal of the form response, I based this script on this article.
    Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
        // Defining our jQuery plugin
        $.fn.paulund_modal_box = function(prop){
            // Default parameters
            var options = $.extend({
                height : "250",
                width : "500",
                description: "",
                top: "2%",
                left: "30%",
            var divbox = $('#result_ajax_response_1').eq(0).html();
             function add_styles(){         
                    'height': options.height + 'px',
                    'width': options.width + 'px',
                    'border':'1px solid #fff',
                    'box-shadow': '0px 2px 7px #292929',
                    '-moz-box-shadow': '0px 2px 7px #292929',
                    '-webkit-box-shadow': '0px 2px 7px #292929',
                    'background': '#fff', 
                    'background': 'url( no-repeat',
                            /*Block page overlay*/
                var pageHeight = $(document).height();
                var pageWidth = $(window).width();
                    'height':(options.height - 50) + 'px',
                    'width':(options.width - 50) + 'px',
             function add_block_page(){
                var block_page = $('<div class="paulund_block_page"></div>');
             function add_popup_box(){
                 var pop_up = $('<div class="paulund_modal_box"><a href="#" class="paulund_modal_close"></a><div class="paulund_inner_modal_box">' + divbox + '</div></div>');
            return this;
    add_action('wp_footer', 'custom_script');

    This is the result from my test

    Best regards,


    hey mike, thanks i haven’t thought about a popup at all, but it does the job quite well.
    thanks and all my best


    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘make contact form scroll to sucess or error message after submission’ is closed to new replies.