Hi,
Sorry for the late reply, I checked your site at 767px on Chrome and found a couple of rules competing.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 999px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {margin: 0;width: 100% !important; }
}

This sould resolve the issue.
Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
I have taken another look at your site and I believe the changing of the logo / site name color is the last thing your working on now.
I now realize that using the two different logos in the theme options is not going to work for you because you want to change the color a few times over certain elements, and not just once after scrolling just 100px.
So try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_logo_script(){
  ?>
  <script>
$(function() {
  var $header = $('.logo a > img'),
    $window = $(window),
    opacityArray = ["0", "1", "1", "0", "1"],
    headerHeight = 180,
    sectionHeight = 750;

  var $headera = $('.logo a img.alternate'),
    $window = $(window),
    opacityArraya = ["1", "1", "1", "1", "1"],
    headerHeight = 180,
    sectionHeight = 750;

  $window.scroll(function() {
    $header.css('opacity', opacityArray[Math.floor(($header.offset().top + headerHeight)
        / sectionHeight)]);
    $headera.css('opacity', opacityArraya[Math.floor(($headera.offset().top + headerHeight)
        / sectionHeight)]);
  });
});
</script>
<?php
}
add_action('wp_footer', 'custom_logo_script');

Best regards,
Mike

Hi,
Thanks for the feedback, this helps to make more sense. Is your testsite on your localhost? can you put it online so we can assist? It is very difficult to guess at the changes necessary from a screenshot. To make the menu fly out left we have to do a negative left position, here is an example on the menu I can see:

.av-main-nav #menu-item-19330 > ul.sub-menu {
    left: -50px !important; 
}

Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
I took a look at your menu, but the text already seems to be aligned to the left in your sub-menu. To match the sub-menu font size with the main menu font size, please try this css:

.sub-menu > li > a > .avia-menu-text {
font-size: 16px !important;
}

Best regards,
Mike

Hey nickgin,
Sorry for the late reply, are you still getting the cart drop down on hover?
I’m not getting a “flash” on the cart click on our demo site, but it sounds like we could achieve this by disabling clicking of the cart and only allow clicking of the drop down buttons

Am I understanding this correctly?

Best regards,
Mike

Hi,
Glad to hear you are getting some help from W3TC on this, the issue you linked to above is the result of a third-party plugin. It’s worth noting that with the major changes to WordPress core since v5 many third-party plugins are having new issues, perhaps this is a factor.

Best regards,
Mike

Hi,
Thank you for the explanation and the images, this helps a lot. I found that on the home page the header transparency was interfering with the background image. This css corrects it:

#top.home .av_header_transparency .header_bg {
    opacity: 1 !important; 
}

For the extra space on the home page, I found that you have an empty color section on the home page that in not on your “cataloghi” page.

Please try removing it.

Best regards,
Mike

Hi,
To make this animation work on sub-menu links, first please remove the on hover green background, then try this css:

.av-main-nav > li > ul.sub-menu > li > a:active:after, .av-main-nav > li > ul.sub-menu > li > a:focus:after, .av-main-nav > li > ul.sub-menu > li > a:hover:after {
    background-color: #719430;
    width: 100%;
    }
    
    #top #header .av-main-nav > li > ul.sub-menu > li > a:hover .avia-menu-text {
        color: #000 !important;
    }
    
    .av-main-nav > li > ul.sub-menu > li > a:after {
    display: inline-block;
    content: "";
    text-indent: -99999px;
    width: 0;
    height: 40px;
    -webkit-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1 !important;
    }

I think it’s working, but without logging in I can’t check for sure.
As far as getting this to work on mobile, there is no “on hover” for touch screens

Best regards,
Mike

Hi,
Hey good news, the dev team has a solution for this now that they would like you to test, you will need to replace 8 files via FTP.
I have attached a zip file in the Private Content area that I created fo your with the files in the correct folder paths, plus there is a text file listing the paths and dev notes. Please make backups of your files before replacing them should you need to roll back.
Please let us know if this helps.

Notes:

Needs WC 3.5.7 !!
extended sorting options for shop page and ALB elements
added select box for ASC/DESC to 2 ALB elements
sorting by price works for variable products now (lowest – highest)
better integration in WC sorting logic
adjusted description where to find default settings for catalog sorting
for backwards comp. config-356.php (new file woo-loader.php)

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the video, I can’t read the language that your site is in, but I believe that the page gets stuck at the “Add all variations in a product” part, am I correct?
please include an admin login so we can see if the page is getting any errors at this point.
In your post you talk about these two steps:

2. From an order send the order to MyParcel (bottom right in the menu if you are in an order)
3. Pay back an order through Mollie.

But I don’t know what they are and I don’t think you did these steps in your video, correct?
Do you try disabling your plugins to see if you still got stuck at the same point?

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your menu on hover when your animation is 70px high so it covers the whole menu item.
you need to add a z-index to your css above and you need to have the menu text change colors on hover, this is the added css that worked for me:

#top #header .av-main-nav > li > a:hover .avia-menu-text {
    color: #fff !important;
}
.av-main-nav > li > a:after {
z-index: -1 !important; 
}

here is my results:

Please clear your browser cache after you add it and check.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-tribe-attendee-registration .tribe-block__tickets__registration__checkout:nth-child(odd) {
display:none !important;
}

Please check that your form is working correctly, it should, but it’s always better to check.

Best regards,
Mike

Hi,
Please let us know if you were able to manually update via ftp, or if you would like a hand with that.

Best regards,
Mike

Hi,
Glad we could help, thanks for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike