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

Hey!

To change background and font color on error please try this CSS

/* Validation error bg*/
.form_element.error input {
     background-color: #df6f1f !important;
}
/* Validation error font color*/
.form_element.error input::-webkit-input-placeholder {
     color:#FFF!important;
}

To target all the browsers please add the following with the above CSS snippet

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFF;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #FFF;
}

I checked the validation it works fine except for the date picker it looks like users should enter the date.

Cheers!
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

Hey yes9310!

Hi I see that the second line menu is now showing the red line…

If you are referring to the submenu items and would like the parent to show the redline when user select a submenu you can target it with any of the following classes

.current-menu-ancestor .current-menu-parent .current_page_parent .current_page_ancestor

Cheers!
Vinay Kashyap

Hey angelortiz!

We are more than happy to provide you support for Enfold however this is not an issue with Enfold and we do not know anything about the DeepVacuum software please contact the software author for offline download support .

Cheers!
Vinay Kashyap

Hi waterwalk!

You can do this with layer slider please have a look at

If you still have any issues please create a mockup of how you need the end result to look like and share with us a temporary admin access in private content with permission to deactivate all plugins and add custom code if necessary to help you better.

Cheers!
Vinay Kashyap

Hi!

Please use this css to hide comments

.comment-container {
	display:none;
}

If you are interested to know how to make minor css changes please feel free to check out these links :)

https://developer.chrome.com/devtools/docs/dom-and-styles

Best regards,
Vinay Kashyap

Hi!

As you might already know most of the colors applied can be changed from Enfold > General Styling

Apart from that we noticed in Appearance > Editor > Child theme styles

In your case it looks like the colors are coming from child theme CSS which are manually added to the theme… all tho child themes are not a part of the original theme it overrides all styles of the main theme.

These are the only 2 places from where you can change the colors.

Regards,
Vinay Kashyap

Hi voldemarasp!

Did you get this sorted? The page looks fine now… btw if you still have the same issue please change the z-index:9999999;

Then the content should appear above all the content.

Cheers!
Vinay Kashyap

Hey!

Glad this issue is sorted. Please feel free to get in touch with us if you have any questions.

Thank you for using Enfold :)

Best regards,
Vinay Kashyap

Hey!

Sorry for the delay.

The CSS code provided earlier is to position the logo and menu a little away from the edges as shown in the example.

Remove the CSS i provided and use the settings in Enfold > Header > Header behavior > Let logo and menu position adapt

After you do this please share a mockup image where exactly you want the logo and the menu to be positioned so we can and we can provide you the custom CSS as per the mockup.

Cheers!
Vinay Kashyap

Hey!

OK! We will keep this ticket open in case if you have any issues please feel free to contact us.

Best regards,
Vinay Kashyap

Hi!

The website opened on FF and chrome…

The problem on FF is very strange sometimes the images move up and down on it’s own or when i click in the form field the image move up again… Need to know if any custom CSS style or any custom jQuery is used on the site? If so please let us know which block of code and where we can access it… so we can take a closer look at the code and help you resolve it.

I could not view your site is in IE AVG antivirus blocks it due to a virus threat. Please ask your hosting provider to run a virus check on the site. After a virus check is completed by the hosting company let us know so we can trouble shoot further.

Cheers!
Vinay Kashyap

Hey!

Sorry for the delay…

Glad you got it sorted. The youtube URL format works if you have it in this format https://www.youtube.com/watch?v=G0k3kHtyoqc :)

Please feel free to get in touch with us if you have any questions.

Thank you for using Enfold :)

Cheers!
Vinay Kashyap

Hi beedoadmin!

Please refer to this post by Josue here > https://kriesi.at/support/topic/polylang-lang-switcher-display-in-main-header-area/#post-379266

Please feel free to get in touch with us if you have any questions.

Thank you for using Enfold :)

Cheers!
Vinay Kashyap