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,
When I check your page /test/ I see a button Klick mich, when I click it a contact form is shown, and another click hides the form.
So this is working for me on Windows in Chrome, Firefox, & Edge, perhaps you have already sorted this out?

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 your patience, I have reviewed your page and have come to the same conclusion as Ismael the reason the list of links at the bottom of the page moves is because the portfolio-details-inner div gets it’s height set based on each slide’s height, so the solution is to set a minimum height for the element. But the minimum height will be different for each device width and unfortunately I don’t see a way to make this automatic because the slides are not added to the element on page load they are only added after each link is clicked so it can not be calculated before hand.
Since you are still adding content to the slides you will need to first add all of your content, then manually check each slides height for each screen width and add media queries for the portfolio-details-inner minimum height.
For example, currently you only have content in slides one & two, so the media queries for mobile (425px), tablet (768px), and desktop (up to 2560px) would look like this.

@media only screen and (max-width: 767px) { 
#main .portfolio-details-inner {
    min-height: 790px;
}
}
@media only screen and (min-width: 768px) and (max-width: 2560px) { 
#main .portfolio-details-inner {
    min-height: 1036px;
}
}

Best regards,
Mike

Hey AuroraArcus,
Thanks for the link to your page, I see the text overlap began at 1350px and below 400px the padding was adding to the problem so I recommend this css:

@media only screen and (max-width: 1350px) { 
#top .av-catalogue-title-container {
    font-size: .8em;
    line-height: 1em;
}
}
@media only screen and (max-width: 420px) { 
.responsive #top #wrap_all #av-layout-grid-1 .flex_cell {
    padding: 40px 20px !important;
}
}

After applying the css, please clear your browser cache and check.
For tablet and below the font change seems appropriate:

and for very small mobile devices the added padding change also helps:

Best regards,
Mike

Hey Ad-Min747,
Thanks for the link to your site, I believe you are referring to the Clients highlight section, try this css:

#top.home .av-masonry-entry .av-inner-masonry {
	margin-block-end: 0;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Glad to hear to make the category archive columns two wide for tablet try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_archive_category_article_width() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('#top.archive.category .slide-entry-wrap').each(function() {
  	var width = $(window).width();
  if ((width <= 989)) {
  	$('.slide-entry').removeClass('av_one_third').addClass('av_one_half');
  } else {}
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_archive_category_article_width');

the expected results:

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,
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 Jaro,
Thanks for the login, in the text element above the contact form you have slideshow div’s which are overlapping the contact form, I believe that you only meant to have text in the element and not code, try fixing this.

Best regards,
Mike

Hi,
That is odd, I checked your contact page with my Android phone the topbar was blue with white text. I also tested on a Mac with Safari design mode and it also showed correctly.
I don’t have an iPhone so I have asked the team to check with their iPhone and will reply when I hear back or they may reply with their findings, Thank you for your patience.

Best regards,
Mike

Hey Jainanvanmeteren,
Please ensure that you are using the installable WP version of the theme from your Theme Forest account.
The other zip file has extra directories in it so it won’t install correctly, you could extract it and use the enfold.zip this is inside it.

Best regards,
Mike

Hi,
To have the sidebar search bar at the top of the shop on mobile try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function mobile_shop_search_on_top() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
	var width = $(window).width()
  $('#top.woocommerce-shop').each(function() {
  	if ($(window).width() < 768) {
  	$('#aws_widget-2').insertBefore('.template-shop.content ').css({'padding-bottom' : '0'});
  	} else {}
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'mobile_shop_search_on_top');

This will work will or without the precious css, please see the screenshot in the Private Content area of the expected results.

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 laboiteapixels12,
Thank you for the login to your site, but it is not an admin login so I was limited.
I see that on your category pages you are displaying the category description and I assume that you would like this as the title in the banner image like the blog page is displayed.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_category_banner() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('#top.archive.category').each(function() {
  	var catTitle = $('.category-term-description p').text();
  	var catBanner = $('<div class="avia-section avia-full-stretch fullsize cat-banner"><div class="av-section-color-overlay-wrap"><div class="av-section-color-overlay"></div></div><h1>'+ catTitle +'</h1></div>');
  	$(catBanner).insertBefore('.container_wrap_first');
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_category_banner');

Please copy the code from the forum and not from an email notification so the symbols are copied correctly.
Then add this css to your child theme stylesheet or the theme option Quick CSS:

.avia-section.cat-banner {
	height: 283px;
	color: #fff;
    background-color: #f7f4ef;
    background-image: url(https://jean-michel-cosson.fr/wp-content/uploads/2022/10/blog-articles-par-jean-michel-cosson-3.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: scroll;
}
.avia-section.cat-banner h1 {
  margin: 0;
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.avia-section.cat-banner .av-section-color-overlay {
    opacity: 0.4;
    background-color: #2b2b2b;
    height: 283px;
}
#top.archive.category .category-term-description {
	display: none;
}

This is the expected results:

Best regards,
Mike