Hi!

We checked your theme there are multiple copies of the theme installed please delete the one’s you do not use.
There is no problem with the child theme the issue you are facing is because of the custom css added to the child theme.

When we removed the custom CSS added to the child theme the mega menu works great!

To resolve the issue please remove the CSS in Enfold > General Styling > Quick CSS

and add them back one block at a time and refresh the page.

Let us know which CSS is causing the issue we can help you fix it.

Below is the Custom CSS that is causing this issue

._51m- pls _51mw{
display:none !important;
}
body.home .container_wrap .avia-builder-el-first{
margin-bottom:10px;
}
.home#top .avia-content-slider{
margin-top:15px !important;
margin-bottom:10px;
}
#header_meta{
display:none;
}
.main_color .av-magazine-time{
color:#fa3900 !important;
}
.av-magazine .av-magazine-sideshow  .av-magazine-content-wrap .av-magazine-title{
font-weight: normal !important;
}

/*bottone sidebar*/
.bottone-afmi{
 display: inline-block;
 border: none;
 color: #FFFFFF;
 border-radius: 3px 3px 3px 3px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 width: 254px;
 height: 50px;
 font-size: 15px;
 box-shadow: 0 1px 0 0 #2D607A;
 -moz-box-shadow: 0 1px 0 0 #2D607A;
 -webkit-box-shadow: 0 1px 0 0 #2D607A;
 text-shadow: 0 1px 0 #FFFFFF;
 background-color: #12427A;
font-weight:lighter;
letter-spacing:1px;
}
.bottone-afmi:hover, .bottone-afmi:active{
 border: none;
 color: #FFFFFF;
 box-shadow: inset 0 1px 0 0 #6C818C,0 -1px 0 0 #6C818C,0 0 0 1px #6C818C;
 -moz-box-shadow: inset 0 1px 0 0 #6C818C,0 -1px 0 0 #6C818C,0 0 0 1px #6C818C;
 -webkit-box-shadow: inset 0 1px 0 0 #6C818C,0 -1px 0 0 #6C818C,0 0 0 1px #6C818C;
 background-color: #43658C;
}
        p.testo-bottone{
        text-align: center;
        }

/*modifiche agli elementi della sidebar*/
.sidebar .news-thumb{
display:none;
}
.sidebar .news-time{
color: #fa3900 !important;
font-weight:700;
}
h3.widgettitle{
border-bottom:2px solid #ccc;
padding-bottom:10px;
}
/*modifiche al footer*/
.footer_color div .news-headline{
color:white;
}
.footer_color .news-time{
color:#fa3900;
}
.socket_color{
border-top:2px solid #ccc;
}
/*modifiche a pag organi sociali, staff*/
.team-member-name,
.team-member-job-title{
text-align:center;
}

Best regards,
Vinay Kashyap

Hi!

Remove the layer slider link from home and just add # it should automatically scroll to top if you have any issues please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue

Regards,
Vinay Kashyap

Hey!

You can try this on the demo site open console paste it hit enter key and then click the next slider or other options on the slider to see changes at the bottom of the console. $ sign will not work in wordpress to avoid conflict so please use jQuery.

jQuery(document).ready(function() {
    jQuery('#layerslider_1_1').layerSlider({
        hoverPrevNext: false,
        cbInit: function(element) {
            jQuery('.c-api');
            console.log('function cbInit() called');
        },
        cbStart: function(data) {
            jQuery('.c-api');
            console.log('function cbStart() called');
        },
        cbStop: function(data) {
            jQuery('.c-api');
            console.log('function cbStop() called');
        },
        cbPause: function(data) {
            jQuery('.c-api');
            console.log('function cbPause() called (pauseOnHover)');
        },
        cbAnimStart: function(data) {
            jQuery('.c-api');
            console.log('function cbAnimStart() called, current layer is: ' + data.curLayerIndex + ', next layer is: ' + data.nextLayerIndex + '');
        },
        cbAnimStop: function(data) {
            jQuery('.c-api');
            console.log('function cbAnimStop() called');
        },
        cbPrev: function(data) {
            jQuery('.c-api');
            console.log('function cbPrev() called');
        },
        cbNext: function(data) {
            jQuery('.c-api');
            console.log('function cbNext() called');
        }
    });
});

In the above code please adjust the class and ID names to suit your site.

Cheers!
Vinay Kashyap

Hi!

1. It’s possible but it will require a bit of coding, header settings are sitewide but there’s a way to override then per Page, refer to:

2. You can use a plugin like:
https://wordpress.org/plugins/zen-menu-logic/

Cheers!
Josue

Nothing really, this is more of a style setting thing Enfold has, the only way to achieve that layout is to turn on the Sidebar so i did that and then removed the sidebar with CSS (only on home):

#top.home #main .sidebar {
    display: none;
}

#top.home .container .av-content-small.units {
    width: 100%;
    border: 0;
}

Regards,
Josue

Try with this:

#top .ajaxresponse .avia-form-success {
    border: 0;
    background: transparent;
    font-size: 22px;
    font-weight: lighter;
}

Modify as needed.

Hey!

Try adding this code to the Quick CSS:

#top .avia-slideshow[data-size='no scaling'] {
    max-width: 725px;
    margin: 0 auto !important;
}

Cheers! 
Josue

Hey!

Try adding this code to the Quick CSS:

#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid gray;}

Cheers! 
Josue