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

Hi,
Thanks for the screenshot and link to your page, I checked with my Android phone and the fields are black, I don’t have an iPhone.
Try this css:

 #top .main_color #mainContainer #adultCount,
 #top .main_color #mainContainer #kidsCount {
	opacity: 1 !important;
    color: #000 !important;
}

Then clear your browser cache and any cache plugin, and check.
Please note that testing with iPads & iPhones 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 nasi,
Thank you for your patience and for the link to your site. I installed the Simple Image Sizes plugin for you to demonstrate that your woocommerce_gallery_thumbnail size is 100px, yet it is showing at 175px so it is blurry:

Try going to WordPress ▸ Settings ▸ Media ▸ Image sizes and change this to 180px and then regenerate the thumbnails

and then clear your browser cache and check again.

Best regards,
Mike

Hi,
Thank you for your patience, I have reviewed your page source code and used the validator that you linked to, but found no frameborder attribute.
Please explain further where this can be found, if you have not already solved it.

Best regards,
Mike

Hi,
Thanks for your feedback, for future readers I would point out that in this situation we have two team member elements below the “fold” (out of view) on the page, each team member element has quite a lot of text, so animating the column or the element will not be satisfactory, it will need to be the team member image.
We also want each team member image to animate when it is in the middle of the screen, “each” meaning that not all at the same time.
I add this background because I don’t believe that this user wants any images or links of the solution posted.
Ok, so try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_waypoint_animation_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
 $('.team-img-container img').each( function(index, element){
        $(element).waypoint(function(direction) {
            	if (direction === 'down') {
                $(element).addClass('waypoint-animation');
            	}
  }, {
    offset: '50%'
  });
        });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_waypoint_animation_script');

and this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field instead:

.team-img-container img {
	transform: scale(.1)
}
.team-img-container .waypoint-animation {
	animation: growin 2s;
	animation-fill-mode: forwards;
}
@keyframes growin {
  from {transform: scale(.1)}
  to {transform: scale(1)}
}

then check again.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,.
Glad to hear this helped, please include an admin login in the Private Content area so we can help place the burger menu to the right for your mobile device.

Best regards,
Mike

Hi,
Thanks for the link to your site, for mobile portrait this css is giving the burger menu a white background color:

I linked to the file below, it looks like the cached version of your child theme stylesheet.
Please try removing it or adding this to override it:

@media only screen and (max-width: 767px) {
    #top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after {
    background-color: #808080;
    }
}

Another possibility is that this white background color was chosen in the Enfold Theme Options ▸ Advanced Styling or in the Enfold Theme Options ▸ General Styling
but I was not able to reproduce it on my test site, I did test Ismael’s css on your site by injecting it and it does work, please give it a try.

Best regards,
Mike