Hi,
The .header_scrolled class is added when the Enfold Theme Options ▸ Header ▸ Header behavior ▸ Shrinking Header option is enabled.
The script above is missing });, the corrected script looks like this:

function add_custom_script(){
?>
<script>
(function($){
    $(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 50) {
        $("#header").addClass("header-scrolled");
    } else {
        $("#header").removeClass("header-scrolled");
    }
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Mike

Hi,
I tested Yigit’s code above and it corrects the background fade issue and I added a rule to make the menu text color pink on hover, please try this full solution:

#top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top .av_header_transparency .main_menu ul:first-child > li > a:focus, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:focus {
  opacity: 1;
}
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li a:hover .avia-menu-text {
    color:#ff0197;
}

Please note that when you copy the code do so from the forum not an email as the greater than symbols may paste incorrectly, then clear your browser cache and any cache plugin, and check.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thank you for the link to your site and the screenshot, I see that you are getting a 500 server error from your Mailchimp form, but I’m not sure if it’s from your site or from Mailchimp. I tested Mailchimp on my demo site and it worked correctly, Please include an admin login to your site in the Private Content area, I would like to test further.
But first, try disabling all of your plugins and check to ensure this is not due to a conflict.

Best regards,
Mike

Hi,
Thank you for your patience and the login, the portfolio tags are listed as classes in the masonry items so to ensure that only the correct tags are shown and if there are none show a message we need to know what tag the masonry is going to show, so you will need to add a custom class to the masonry element for the tag that you want to show.
This will allow us to use one script for your whole site instead of writing a different script or css rule for every page.
So for the test page the tag class you want to show was tag-trellis-ice

the portfolio tag slug for this is trellis-ice so you see that you just add tag- to the beginning, this should explain how to adjust your other pages.
you will add this class to the developer settings custom class field:

as you see, if you already have a custom class there add the second class after a space.
I then added this script to your child theme functions.php:

function empty_masonry_message_script() { ?>
    <script>
const allCategoryClasses = [];
const elementsWithCategoryClasses = document.querySelectorAll("#av-masonry-1[class*='tag-']");
const elementsCount = elementsWithCategoryClasses.length !== null;

for (let i = 0; i < elementsCount; ++i) {
  Array.prototype.push.apply(
    allCategoryClasses,
    elementsWithCategoryClasses[i].classList
  );
}
const presentClasses = {};

var tagClass = (allCategoryClasses
  .filter((classname) => {
    const present = presentClasses[classname];
    presentClasses[classname] = true;
    return classname.indexOf("tag-") === 0 && !present;
}));

(function($) {
var nocat = $('<div class="nocat">No Current Projects</div>').css({'text-align':'center','font-size': '20px'});
$('#av-masonry-1 .av-masonry-container.isotope a').each( function() {
if ($(this).children(tagClass).length =! 0) {
  $(this).css({'display':'none'});
  
}
});
if($('#av-masonry-1 .av-masonry-container.isotope a').is(':hidden')){
	$(nocat).appendTo('#av-masonry-1');
}
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'empty_masonry_message_script');

and now a message No Current Projects shows instead of the wrong items:

Try adding the tag classes to other pages that have no matching products to display the message.

Best regards,
Mike

Hi,
Parallax is generally deactivated on the iPhone.

Best regards,
Mike

Hi,
The above example was for portrait & landscape mobile, try adjusting the font size smaller or larger to suit your needs.
The socket is set to 85% width, if you like you can also change this for mobile with this:

@media only screen and (max-width: 767px) { 
.responsive #top #socket > .container {
    width: 100%;
    max-width: 100%;
}
}

this will set the width to 100% to give you more room, try a combination of different widths and font sizes to suit your needs.
If you still have trouble post a screenshot of what you see and what you expect and the width (screen resolution) of the device you are using.

Best regards,
Mike

Hi,
Glad we could help, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Guenni007, getting the items count on case “All” is above my knowledge so I submitted a feature request to add this option in the Post Slider like it is in the Content Slider and Günter has opened it, this could take a while as the Dev Team has a lot on their plate, but I feel encouraged that in a future update this may be available.
For now, I recommend setting the number of entries as in the screenshot above.

Best regards,
Mike

Hi,
Thanks for the link to your site, in your cache plugin file to have this css:

@media only screen and (max-width: 767px){
.responsive #scroll-top-link {
    display: block!important;
}
}

so you either need to clear your cache plugin or you need to remove this from your css stylesheet, try checking your Child Theme Stylesheet, the General Styling ▸ Quick CSS field, and the WordPress ▸ Customize ▸ Additional CSS field
if you don’t see this rule in any of those places, then clear and disable your wp-rocket and your browser cache and check again.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Glad Yigit was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Amer Obeidi,
To update your version of Enfold you will need to download the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
You are getting the jQuery is not defined error, do you have the Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer option enabled?
Try this script instead:

function custom_top_banner() { ?>
    <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
    $( "<div id='banner'>This is a banner</div>" ).insertBefore( "#header_meta" );
})(jQuery);
});
</script>
    <?php
}
add_action('wp_footer', 'custom_top_banner');

but use the same css from above.

Best regards,
Mike

Hi,
Strange, something seems to be wrong with how your elements behave on the backend, how did you update, did you overwrite the theme directory via FTP?
This could cause an error because it could leave some older files in place.
Try uploading to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike