Hi,
Sorry for the late reply, the css I posted above will work on any site viewed as mobile with an H2 that also has the class av-mini-font-size-14:

@media only screen and (max-width: 767px) { 
#main .av-mini-font-size-14 > h2 {
	font-size: 12px !important;
}
}

I don’t imagine that you would like the other “H” tags to have the same font size on mobile as the H2, so if you can tell us what mobile sizes you want with each “H” tag we can assist.
I also recommend linking to a test page with different H tags you would like to customize because they may not all use the class av-mini-font-size-14 for mobile so we should check, I also recommend choosing a custom class to add the H tags that you would like to customize, because changing the font size broadly and across your whole site can have surprising results because each element has different font sizes for the H tags depending on how they are used.
Using custom classes for customized styles gives you better control than broadly making changes that may cause conflicts later.

Best regards,
Mike

Hi,
Sorry for the late reply, ok thanks for explaining, so I logged out and saw the error, but the browser didn’t give the CORs error that I expected to get from your screenshots, or any other errors to explain why the dashicons are not showing when logged out.
I did find a solution for a similar issue, which was:

Usually this is caused by an optimisation plugin that lets you disable dashicons. If you have any optimisation plugins installed, please check their options for anything that mentions dashicons, and make sure they’re enabled.

If that doesn’t help I came up with a css solution, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

div.wpcf7-validation-errors:before {
    content: "\e813" !important;
    color: red !important;
    font-family: entypo-fontello !important;
}
div.wpcf7-mail-sent-ok:before {
	content: "\e812" !important;
	color: green !important;
    font-family: entypo-fontello !important;
}

this will substitute the dashicons font for the entypo-fontello font, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the login, I tried to recreate this on my localhost, but my menu works correctly highlighting each menu item as it is in view, with no flickering. I see that you are using a child theme but the WordPress > Appearance > Editor is disabled so I can’t see if you have any custom functions in your functions.php
Please enable the Theme Editor. It looks like your server is using OPCache, is this an option you can disable while we investigate?
I recall an issue with some OPCache because it stores the script precompiled, instead of loading and parsing scripts on each request.
So it would be good to rule this out.

Best regards,
Mike

Hi,
Thanks for the screenshot, so do you mean the yellow “!” in the widget?

this is because the widget is empty, there is nothing to worry about.

Best regards,
Mike

Hi,
Thanks for the svg, I convert it to an icon font at Fontello.com, but your site is asking for another login before the WordPress login, please check and include a login so we can import the icon font.

Best regards,
Mike

Hi,
Sorry for the late reply, to correct the space above the header please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#advanced_menu_toggle,#advanced_menu_hide {
	display: none !important; 
}

For the category shortcode not showing above the “NEW PRODUCTS”, I believe there was an error in your shortcode, I changed a little and put in a code block element and it seems to be working now.
The added shortcode required some css to adjust the top padding, so I added this:

.html_header_top.html_header_sticky #top #wrap_all #main{padding-top: 325px;} 

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you, I have not seen this before and I can’t reproduce it on my localhost, I have asked the rest of the team for suggestions, Thank you for your patience.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the layerslider export, I tested on my localhost with Enfold v4.7.5 and Chrome, Firefox, & Edge and it worked well without the white flash. I see that you are using Enfold Version: 4.5.7, please try updating.
You may need to update via FTP, the easiest and safest way to do this is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

Best regards,
Mike

Hi,
Glad to hear it works, I checked the link again and the red background with a white playbutton is complying with youtube requirements, you can even download it from the page.

Best regards,
Mike

Hi,
Thank you for the FTP access, I changed the define('DISALLOW_FILE_EDIT',true); to define('DISALLOW_FILE_EDIT',false); in your wp-config.php so the WordPress > Appearance > Editor would show. I found your child theme section.php was empty, I added the correct code, but then realized that the video you were pointing to was in a video element so I copied the Video directory from Enfold shortcodes to your child theme an then in video.php changed line 347 from: $video_html_raw = avia_html5_video_embed( $src, $fallback_img ); to:

$types = array('webm' => 'type="video/webm"', 'mp4' => 'type="video/mp4"', 'ogv' => 'type="video/ogg"');
$attributes = array('autoplay' => 0, 'loop' => 0, 'preload' => ''  );
$video_html_raw = avia_html5_video_embed($src, $fallback_img, $types, $attributes);

and now your video only plays once. Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helped, I don’t believe this will be added to Enfold as it is a customization for a single plugin, but we will add a feature request about this for the dev team to review.
Unless there is anything else we can assist with on this issue, shall we close this then?

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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Well it seems that when changing the menu items to custom it removes the highlighting, so I adjusted the menu and the script and it seems to be working now.
Please clear your browser cache and check.

The new script is:

function custom_landing_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
if (window.location.hash == '#tos'){
	setTimeout(function(){
	$("#top.page-id-497 #menu-item-1077").removeClass("current-menu-item");
	$("#top.page-id-497 #menu-item-6449").addClass("current-menu-item");
	},500);
} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_landing_script');

menu-item-1077 is the standard menu item that gets highlighted, menu-item-6449 is a custom menu item that doesn’t get highlighted but it adds the hash #tos to the URL that fires the script above.

Best regards,
Mike

Hi,
Thank you for the feedback, we will close this then.

Best regards,
Mike

Hi,
Sorry for the late reply, please try this css to change the size of your YouTube icon on your contact page.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-11 #main > div > div > main > div > div > div.flex_column.av_one_third.first > section:nth-child(1) > div > div > p:nth-child(3) > span:nth-child(4) {
	    transform: scale(.85) !important;
}

Best regards,
Mike