Hi,
Glad to hear that this helped, Ismael’s solution is a PHP function and works on the server side while the page is being built, but getting the browser screen size needs to be done on the client side with javascript after the page is built, so this won’t work.
I can add a function to account for screen resizing, but it just auto reloads the page on resize and in a live situation the user would not trigger this because their devices would not change from desktop to tablet on the fly. Originally I thought you asked for the product tabs below the product image and make it fullwidth, in your last post you asked to have the title, price, add to cart button and description below the image, just like on the mobile version, so for this I have also added the resize function.
Try this code to the end of your child theme functions.php file in WordPress ▸ Appearance ▸ Theme File Editor instead:

function move_woo_product_summary_below_image_with_resize() { ?>
    <script>
window.addEventListener('DOMContentLoaded', function() {
    (function ($) { 
        var width = $(window).width();
    if (width > 767 && width < 1200) {
      $('#top.single-product .woocommerce-tabs.wc-tabs-wrapper').css({'padding-top':'0'}).appendTo( ".container_wrap_first.template-shop > .container > .product" );
      $('#top.single-product .single-product-summary .entry-summary').css({'padding-top':'0'}).insertBefore( ".container_wrap_first.template-shop > .container > .product .woocommerce-tabs.wc-tabs-wrapper" );
      $('#top.single-product .single-product-main-image').css({'padding-bottom':'0','width':'100%'});
       }
    })(jQuery);
    var resizeId;
    window.addEventListener('resize', function() {
        clearTimeout(resizeId);
        resizeId = setTimeout(doneResizing, 300);
    });
    
    function doneResizing(){
        location.reload();
    }
});
</script>
  <?php
}
add_action('wp_footer', 'move_woo_product_summary_below_image_with_resize');

Below I have linked to my test page, I tested with a Dev Tools device emulation of a device 1024px by 1205px to test the resize by rotating portrait to landscape and back.
For portrait:

For landscape:

Please give this a try.

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 login, I have tested your contact form by cloning the element and replacing your email address with mine, and I found the form is sending the contact email and the autoresponder email correctly.
I do note that your email is marked as spam because it’s sent from a different domain, it looks like your webhost domain.
X-Spam-Score: 90
So you are probably also getting the emails in your spam folder, or some mail servers auto delete high scoring spam.
To correct this you should set up SMTP mail on your site domain and use the plugin WP Mail SMTP or Easy WP SMTP so your WordPress sends mail though your domain’s SMTP and not phpmail.
Then your mail should not be marked as spam. I know you said it used to work, but it’s possible that your webhost has too many email abusers and had been marked as a spam domain.

Best regards,
Mike

Hey Beth,
Thanks for your patience and the link to your site, I’m not familiar with this plugin, but I took a look at your page through Appearance > Customize > Woocomerce > Mix and Match Products.
You wrote that you cannot set the grid to any number of columns except 3, but I see that current columns are set to 5, I also tested changing them in the Customizer to 6 with no problems. You seemed to really want the list layout, so I tried this and it does work, but the css was a little off, so I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.mnm_form.layout_tabular .products .product {
    display: table;
    width: 100%;
}
.mnm_form.layout_tabular thead,.mnm_form.layout_tabular tbody {
	display: table;	
	width: 100%;
}
.mnm_form.layout_tabular thead th.product-name {
	text-align: center;
}
#top.single-product #main .sidebar_sidebar_right {
	display: none;
}

please clear your browser cache and check, below I included a screenshot.

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can investigate and be of more assistance.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, and we will note your suggestion. 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,
Thank you for your patience, unfortunately mobile background videos will not typically play on mobile devices, Safari & Chrome have set the standard a few years back that mobile video must be clicked by the user to play, this was to try to curb “video spamming” by websites. As with any standard there are “hacks” around this but with each update Safari & Chrome block more methods. We follow the rules, you can probably find a WordPress plugin that will if you really want to do this. The last time I checked the layerslider was still playing background videos on mobile, but there is no telling how long this will be for. I would recommend not trying to bypass this because you will constantly need to watch your site for this breaking.

Best regards,
Mike

Hi,
Glad Nikko 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

Hi,
Thanks for your patience, please try this code to the end of your child theme functions.php file in WordPress ▸ Appearance ▸ Theme File Editor instead:

function custom_script_move_woo_tabs() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function ($) { 
    var width = $(window).width();
if (width > 767 && width < 1200) {
	$('#top.single-product .woocommerce-tabs.wc-tabs-wrapper').css({'padding-top':'0'}).appendTo( ".container_wrap_first.template-shop > .container > .product" );
	$('#top.single-product .single-product-main-image').css({'padding-bottom':'0'});
   }
})(jQuery); 
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script_move_woo_tabs');

this only works on screens between 767px and 1200px as asked, please copy the css from the forum and not from an email notification so the greater than symbol is copied correctly.
Also note that if you test on a desktop screen by resizing the window you will need to refresh the widow to trigger the script, this would not be an issue for an actual user.
Here is the expected results between 767px and 1200px with the tabs moved:

this is when the screen is larger than 1200px:

I have linked to my test page below, please give this a try.

Best regards,
Mike

Hi,
Thank you for your patience, please try this script in your child theme functions.php instead,

function custom_masonry_hash_sort_trigger_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
function sortHash() {
if (location.href.indexOf("#") != -1) {
        var target = window.location.hash.substring(1);
        setTimeout(function(){
        $(".av-masonry-sort .av-sort-by-term").find('a[data-filter="'+ target +'"]').trigger("click");
        },200);
    }
}
sortHash();
window.addEventListener('popstate', function(event){
	sortHash();
});
}(jQuery));
});
  </script>
  <?php
}
add_action('wp_footer', 'custom_masonry_hash_sort_trigger_script');

This script checks for a hash in the url on page load and if it is found in the masonry sort it triggers a click, it also listens for a hash in the url after the page is loaded so if a link or a button on the same page is clicked it will trigger the script.
I have linked to my test page below with the hash #photography_sort

On my test page I only have 3 sort options:
design_sort
illustration_sort
photography_sort
this should help you find the correct data-filter hash on your page.

Best regards,
Mike

Hey Jeannette,
Thanks for your patience, please try adding your autoresponder text with no manual [Enter] key line breaks, instead use \n like this:

Guten Tag \n\nVielen Dank für Ihre Nachricht. \nGerne werden wir Sie in den nächsten Tagen persönlich kontaktieren. \n\nFreundliche Grüsse \n\nxyz

I tested this and the result was as you had requested, this is the raw html from the email:

Guten Tag <br />
<br />
Vielen Dank für Ihre Nachricht. <br />
Gerne werden wir Sie in den nächsten Tagen persönlich kontaktieren. <br />
<br />
Freundliche Grüsse <br />
<br />
xyz

which looks like this:

Best regards,
Mike

Hi,
Thank you for your patience and the login to your site, so for the page linked below where you added the custom class roundbutton, I don’t find any css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field or in your child theme ▸ style.css.
It looks like you mostly add your custom css to the WordPress ▸ Customize ▸ Additional CSS field, which is good, but I don’t find the customization that Ismael recommended anywhere, so I assume that you have removed it. I see that instead of using custom css you are using the element Advanced ▸ Position ▸ Image Position, which is good.

but please note that this was for the desktop resolution only, for the other sizes the position is using the same desktop position:

so you will want to set each resolution size position option, for example for small screens (between 480px and 767px – eg: Tablet Portrait) I set it to top -40 & left -40

and now the position is better:

for the smallest screens you have the element hidden, so there is no need to set the position:

and for medium sized screens (between 768px and 989px – eg: Tablet Landscape) the current desktop position seems to work fine, so there is no need to set the position:

please clear your browser cache and check this page and if you find it working now please adjust your other pages accordingly.

Best regards,
Mike

Hi,
Thanks for your patience, but your video and test page is not available, I see your live page doesn’t seem to have this error.
I tried creating a test page on my demo site with the toggles opening one at a time, but don’t see the error, please check the link below.

Best regards,
Mike

Hey Antonio,
Thanks for your question, the issue is that you have two sections with the same ID “contacto” the top one is hidden on mobile so the link can’t complete the anchor jump.
This is expected, the HTML rules are that each ID on a page should be unique. On desktop the first “contacto” is visible so the link works.
The recommend solution is to use different ID’s for mobile and desktop and then create two menus with the correct anchor link for the menu item “contacto” and then in Enfold Theme Options ▸ Main Menu ▸ General ▸ Alternate Menu For Mobile choose the mobile menu.

Best regards,
Mike

Hi,
Thank you for the link to your test page, please try this script to add a close button inside the toggle content, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_close_button_script() { ?>
  <script>
(function($){
	var close = $('<span class="close_button"></span>');
$('.single_toggle .toggle_content').prepend(close);
$('.close_button').click(function() {
      $(this).parents('.toggle_wrap.active_tc').removeClass('active_tc');
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_close_button_script');

and then this css:

.close_button {
    position:relative;
    float:right;
    display:block;
    height:50px;
    width:50px;
    background: url(https://img.icons8.com/ios/50/000000/cancel.png) no-repeat;
    background-color:#fff;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
}
.close_button:hover {
	cursor: pointer;
}

this is the expected results:

As for your video, it is not auto playing for me, but does play on click. I tested in Windows with Chrome, Firefox, & Edge.

Best regards,
Mike