Cose mobile menu on #ancor

Hi,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $('body').click(function(){
  $("html").removeClass('av-burger-overlay-active-delayed');
  $('.av-burger-overlay').css({opacity:'0'});
  });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Sorry, I was unable to reproduce your error, so please try removing the script and updating the theme and deactivating your plugins.

Best regards,
Mike

Hi,
Sorry, I didn’t explain well. I couldn’t reproduce the original issue on my localhost that requires you to need to use the script above. So I can not rewrite the script above while it is still active on your site because I need to be able to test, and since I’m not able to reproduce on my localhost there is a good chance that the script is not needed on your site and the real problem is something else, such as an out of date theme, a bad plugin, some other script, etc.
Please include admin login in the Private Content area after you update the theme and allow us to deactivate your plugins and scripts so we can be of more assistance.

Best regards,
Mike

Hi,
Thank you, I see that the option “Load jQuery in your footer” is missing from the theme options, this is a screenshot of the correct settings:

This is a screenshot of your settings, note the missing options:

this typically means that this setting is already set by a command in the wp-config.php file or by a custom drop-in plugin from your webhost, who sometimes sets this on “WordPress Managed Hosting” plans. Please ask your webhost about correcting this.

Best regards,
Mike

Hi,
That is very odd, seems backward. Perhaps this means that there is some code in the wp-config.php file or by a custom drop-in plugin from your webhost, did you get a chance to ask them? Do you have a “WordPress Managed Hosting” plan? Who is your webhost?

Best regards,
Mike

Hi,
Sorry, your client site is not loading for me, but we should continue with your mockup site instead of starting again with a new site.
I’m sorry to keep suggesting to ask your webhost, but I have seen this before… some “WordPress Managed Hosting” webhosts force the “jQuery in load in the footer” thinking that the site will load faster, they do this with different code snippets and they are the best source to remove this. If they refuse to correct this or to tell you how to correct this then it could be done at the “Root” level which means we can’t touch it.
Please answer:
Do you have a “WordPress Managed Hosting” plan?
are they forcing “jQuery in load in the footer”?
Who is your webhost?

Best regards,
Mike

Hi,
OK, if they are both on the same server that would make sense to view it, but can we see if the option “Load jQuery in your footer” is missing from the theme options also?
I checked again and the site frontend is not loading for me. Is the site blocking any countries?
Thank you.

Best regards,
Mike

Hi,
I found that if I try to load your site without the “www” in your url it will not load, but adding the “www” loads the site, which is fine for me but since you posted the url both ways it explains why sometimes I thought your site was down.
Anyways, I tried to login again to investigate further but I couldn’t, please check.

Best regards,
Mike

Hi,
I adjusted the function to this and it is working correctly now, please clear your browser cache and check.

function custom_script(){
  ?>
  <script>
(function($){
  $("li.current_page_item > a").click(function(){
    $('.av-hamburger').removeClass('is-active');
    $('html').removeClass('av-burger-overlay-active');
    $('html').removeClass('av-burger-overlay-active-delayed');
    $('.av-burger-overlay').css({ 'display' : 'none', 'opacity' : 0 });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
I checked and it is working for me, while your header is sticky. Please clear your browser cache and check.

Best regards,
Mike

Hi,
To remove the white background from the header on scroll, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
  background-color:transparent !important;
  }
  .header_color.av_header_transparency .header_bg, .header_color.av_header_transparency .main_menu ul ul, .header_color.av_header_transparency .main_menu .menu ul li a, .header_color.av_header_transparency .pointer_arrow_wrap .pointer_arrow, .header_color.av_header_transparency .avia_mega_div, .header_color.av_header_transparency .av-subnav-menu > li ul, .header_color.av_header_transparency .av-subnav-menu a {
  background-color:transparent !important;
  border-color: transparent !important; 
  }
  #top .header_color #header_meta.container_wrap_meta {
      background: transparent !important; 
  border-bottom-width: 0 !important; 
  }
  #top #header_main {
      border-bottom-width: 0 !important; 
  }
  #top .av_header_transparency #header_meta {
      border-bottom: 0 !important; 
  }
  #top #header_main.container_wrap {
  border-top-width: 0 !important; 
  }

but the burger menu icon still changes to black on scroll, to prevent this, try this css:

    .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side #top .av-hamburger-inner, .html_av-overlay-side #top .av-hamburger-inner::before, .html_av-overlay-side #top .av-hamburger-inner::after {
  background-color: #fff !important; 
  }

Best regards,
Mike

Hi,
Thanks for the feedback, but it seems your site is down right now, I tried with “www” and not, Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Is this what you had in mind:

it doesn’t seem to match the transparent header, where the icon is white and a transparent background, and the after scroll where the icon is black and the background is white, since a lot of your page after scroll is white the icon doesn’t show well, if the icon is the same white as before scroll, it won’t be seen.
The current full width white header would stand out better but with no logo it looks odd, I guess I’m not understanding very well.

Best regards,
Mike

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

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
  background-color:transparent !important;
  }
  .header_color.av_header_transparency .header_bg, .header_color.av_header_transparency .main_menu ul ul, .header_color.av_header_transparency .main_menu .menu ul li a, .header_color.av_header_transparency .pointer_arrow_wrap .pointer_arrow, .header_color.av_header_transparency .avia_mega_div, .header_color.av_header_transparency .av-subnav-menu > li ul, .header_color.av_header_transparency .av-subnav-menu a {
  background-color:transparent !important;
  border-color: transparent !important; 
  }
  #top .header_color #header_meta.container_wrap_meta {
      background: transparent !important; 
  border-bottom-width: 0 !important; 
  }
  #top #header_main {
      border-bottom-width: 0 !important; 
  }
  #top .av_header_transparency #header_meta {
      border-bottom: 0 !important; 
  }
  #top #header_main.container_wrap {
  border-top-width: 0 !important; 
  }
 #header:not(.av_header_transparency) .av-hamburger {
  	    background-color: #fff;
  }

After applying the css, Please clear your browser cache and check.

Best regards,
Mike