Hi,
Thank you for your patience, and Thank you for the link to your page, 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: 989px) {
.av-no-preview #avia-timeline-1 ul.avia-timeline-vertical li {
    padding: 0;
}
}

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

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,
Thanks for the feedback, on the /en/ site you are getting this error

GET http://www.wlhtex.xyz/en/wp-json/?_locale=user 404 (Not Found)
http://www.wlhtex.xyz/en/wp-includes/js/dist/api-fetch.min.js

while researching this api-fetch.min.js error I found this solution that pointed to updating your nginx config, I don’t know a lot about nginx config so give this a try.

Best regards,
Mike

Hi,
Glad to hear, the option is at Enfold Theme Options ▸ Performance ▸ Change WordPress defaults ▸ Disable jQuery Migrate

Best regards,
Mike

Hi,
Thanks for the feedback, it looks like your mega menu is using rows instead of columns, try following our documentation for Creating submenu rows and columns.

Best regards,
Mike

Hi,
Thanks for the feedback and the login, I added the css to the top of your child theme stylesheet and clear my browser cache and the change is displaying.
Please clear your browser cache and check.
Please note that testing with Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey Yaphoon,
Thank you for your patience, unfortunately the Enfold contact form doesn’t include these features, it is only meant to be a basic contact form, typically we recommend contact form 7 for features like this. I believe contact form 7 has it’s own CAPTCHA.

Best regards,
Mike

Hey Stefan,
Thank you for your question, Safari and Chrome do not allow videos to automatically play, while there are some hacks and plugins that try to bypass this the browsers continue to try to block this.
So you could try a plugin or perhaps the layerslider, but there is a good chance in the future this will not work.

Best regards,
Mike

Hi,
Thank you for the link to your site, I was note able to login but looking at your source code it looks like the plugin’s css is already using !important which is why you are having trouble overriding it.

.wsc-left-section-img>img{
	vertical-align:middle;
	height:48px!important;
	max-height:48px!important;
	max-width:48px!important;
	object-fit:contain!important;
}

Try this css in your child theme style.css:

#top>.wsc-main>.wsc-wrapper>.wsc-left-div>.wsc-left-section-img>img {
height: 50px !important;
max-height: 50px !important;
max-width: 75px !important;
}

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

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, the Dev Team is still reviewing your other issue and will reply when we hear back.
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,
Thanks for the link to your page and adding the custom ID container-special-design
I see that your element doesn’t show until 768px (tablet) but at that view the side margin and padding makes it look narrow until 1440px, I also see the gap below it.
So please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 767px) and (max-width: 1440px) { 
	#container-special-design,
	.responsive #container-special-design>.container {
		padding: 0;
		margin: 0;
		width: 99%;
		max-height: 1800px;
	}
}
@media only screen and (min-width: 1441px) { 
	#container-special-design,
	.responsive #container-special-design>.container {
		padding: 0;
		max-height: 1800px;
	}
}

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

Best regards,
Mike

Hey grafxwork,
Thank you for the link to your site and telling us that you are using OVH hosting, recently we had another user on OVH hosting that couldn’t install a demo and it turns out that OVH hosting disabled the set_time_limit() function along with a negative value for Max input time,
I have checked your site and it also has these server issues, perhaps you can ask OVH hosting to correct, but the last user had to move to another web host that allowed for standard PHP settings.
You can read this thread here.

Best regards,
Mike

Hey nasi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.mfp-container button.mfp-arrow {
	display: none;
}
.mfp-container img.mfp-img {
	pointer-events: none;
}
#top .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: default;
}
.mfp-bottom-bar .mfp-counter {
	display: none;
}

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

Best regards,
Mike

Hey Arsène,
Thank you for your patience, as you know the masonry element will display the price range for variable products, but it can not change or calculate the prices, this must be done in woocommerce, perhaps the plugin WooCommerce Price Per Unit would help.
But I don’t believe that you are going to be able to sort by the product price in the masonry element.
If you have already been able to setup your product with a variable price per gram and only need for the ” /g” to show in the masonry element

this can be done because the variable product in the masonry element includes the category, for example: product_cat-tshirts
so this script would add the ” /g” to the price:

function custom_script() { ?>
    <script>
(function($){
$(".av-masonry-entry.product_cat-tshirts.product-type-variable .woocommerce-Price-amount bdi").each(function() {
   $(this).append(' /g');
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hey fkm,
Thank you for your patience and the link to your page, I’m not sure why this is occuring, but this seems to correct, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.avia-post-nav.avia-post-prev .entry-info-wrap {
	    width: 240px;
	    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
        animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

.avia-post-nav.avia-post-prev:hover .entry-info-wrap {
	visibility: visible;
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}    

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

Best regards,
Mike