Hi,
Glad Ismael could 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 Veronika,
Your “all posts” page is using a masonry element and the current css for the white mouse-over effect is this:

.avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
    opacity: 0.2;
}

I’m not sure how you want to change this as you say opacity: 0.3 is perfect, and this page is opacity: 0.2, so you can adjust like this and add the !important;

.avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
    opacity: 0.3!important;
}

then add this to your Quick CSS and clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Ismael could 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 tauqer30,
Thank you for the link to your sites but both of these forms are the default Enfold forms, I didn’t find your mailchimp form, please link to the page it is on.

Best regards,
Mike

Hey Joe,
Thank you for your patience, are you using WPML for your languages? Our documentation only shows how to sort order of Blog Posts by Last updated, Post Name, etc. But since different languages is not a built-in function I don’t find any reference to this.
It seems that this is a function of WPML when it is installed.

Best regards,
Mike

Hey stoneroad,
Thank you for the link to your site, but I’m seeing the close button “X” for the image and the video, please see the screenshot in the Private Content area.
I tested this on Windows in Chrome, Firefox, & Edge. What browser are you using?

Best regards,
Mike

Hey mischael1,
Thank you for your patience, unfortunately you will need to add the magazine element to each post and choose the tag that you want the element to show for that post, you can not add the element to the footer and have it show the same tags as the post tag.
A possible workaround to use the magazine element in the footer would be to use the shortcode wand to generate the magazine element shortcode and add to a text widget in the footer and use the plugin Widget Options to display this widget only for certain categories, but the drawback is that you will need to create a separate widget for each category, and this plugin doesn’t work correctly with tags so you will have to use categories.
It seems that it will be easier for you to manually add the magazine element to the bottom of each post, not in the footer, with the correct settings.

Best regards,
Mike

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