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

Hey finchkelsey,
Thanks for your question, if you have the accordion set to “open one at a time” then each time you click the title the accordion open or closes, and you should be seeing a plus or minus icon next to the title, this could be your button? The full title is basically a button. You can also added more text to the title, I don’t think there is a limit.
Perhaps if you could link to a mockup we could understand better.
If you find the accordion too limiting in style you could use jQuery to toggle visibility of an element, here is an example.
Perhaps this could work if you added a button and image inside of a text element and on load only the button and text showed with clicking the button shows the image?
If you think that using other elements would help then try linking to a test page and explain the behavior and perhaps we could help or understand better.

Best regards,
Mike

Hi,
Thanks for the login, I see your WordPress ▸ Appearance ▸ Theme File Editor has been disabled so I added the plugin Simple Custom CSS and JS and added the code so they link to /impressionen/
Please clear your browser cache and check.

Best regards,
Mike

Hi,
I didn’t add the code into your child theme functions.php file, I was asking you to add this code.
If you would like us to add it for you please include an admin login in the Private Content area below.
Please note that if you add the code yourself, copy the code from the fourm, not from an email.

Best regards,
Mike

Hi,
Thanks for the feedback, I tested Really Simple SSL on my demo site which already had SSL from Let’s Encrypt on my server, and which I had no security header warnings in the Site Health Status, when I activated Really Simple SSL I received these warnings:
Your website does not send all recommended security headers.
Upgrade Insecure Requests
X-XSS protection
Referrer-Policy
Permissions-Policy
So while I have recommended Really Simple SSL for sites that were having SSL issues, I assume that there can be a warning in the Site Health Status for some reason. I have disabled this on my site and it’s back to having no warnings.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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,
Sorry my mistake, please try this css:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    right: -120px;
}
}

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

Best regards,
Mike

Hi,
Thanks for your question, since this is still occurring with the default 2022 theme I would say that you will need to manually add the security headers to your htaccess file. Here is a thread on WordPress for your same issue.

Best regards,
Mike