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

Hi,
To add the loop-search.php file to your child theme create a new folder called “includes” in the child theme directory and create a copy of the “loop-search.php” file inside of it.
to hide the pagination please try this css:

.template-search .pagination {
	display: none;
}

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

Best regards,
Mike

Hi,
Thanks for the feedback, the css above should have replaced the text “home” with the house icon, this part of the css above makes the text “home” font size zero:

.breadcrumb-trail a.trail-begin {
	font-size: 0 !important; 
}

if you didn’t add this part because you want to see the “home” then add the color to it like this:

.breadcrumb-trail a.trail-begin {
	 color: #fff;
}

if this doesn’t help please link to your page so we can check.

Best regards,
Mike

Hi,
Thank you for your patience, I found that the two sub-menu items #einfamilienhaeuser & #wohnanlage are triggering as the active menu item when the #informationen section is in view, I created a test menu without these two items and the menu works correctly, please try enabling the test menu to test.
I checked your page but couldn’t find duplicates for #einfamilienhaeuser & #wohnanlage, so I’m not sure what could be causing this.
You could try this javascript solution to correct the highlighting based on the scroll, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function ($) { 
	setTimeout(function(){
	$("#menu-item-762").removeClass('current-menu-item');
	},300);
  $(window).scroll(function() {    
      var scroll = $(window).scrollTop();
      if (scroll > 500) {
          $("#menu-item-783").addClass('current-menu-item');
      } else {}
      if (scroll < 1400) {
          $("#menu-item-762").removeClass('current-menu-item');
      } else {}
      if (scroll > 1400) {
          $("#menu-item-783").removeClass('current-menu-item');
      } else {}
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

and see if this helps

Best regards,
Mike

Hi,
Thanks for the feedback, please try this css:

#top .content .flex_column .widget_nav_menu li {
    border-style: none;
}

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

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,
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

Hey schweg33,
Thanks for your question, you could try wrapping your css in a media query like this:

@media only screen and (min-width: 1440px) {
.page-id-1090 #socket {
position: fixed;
bottom: 0;
width: 100%;
} 
}

Best regards,
Mike

Hi,
Very good, unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thanks for the feedback, unfortunately, we don’t have a recommended list of plugins.

Best regards,
Mike