Hi,
It looks like you accidentally converted the pages to the WordPress Block Editor instead of the Enfold Advanced Layout Builder, I corrected it for you please check.

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,
Thank you for the link to your site, try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_limit_words_script() { ?>
  <script>
(function($){
$('#top.post-type-archive-product .template-shop .products.columns-3 .product .inner_product').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  var length=30
  this.textContent = this.textContent.split(" ",length).join(" ");
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_limit_words_script');

feel free to adjust the word length to suit, currently it is 30.

Best regards,
Mike

Hi,
Thank you for the link to your site, I see that you are using Equal Height columns, when you do the inner columns are wrapped in a flex_column_table and a av-flex-placeholder is added between the columns.
If you use Individual Height columns your width issue would be corrected, but I assume that you wish to continue using Equal Height columns, so try changing the color section ID to eh-center-align-columns for Equal Height columns, and ih-center-align-columns for Individual Height columns.
Then use this css:

#ih-center-align-columns .entry-content-wrapper,
#eh-center-align-columns .entry-content-wrapper .flex_column_table {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: center;
}
#eh-center-align-columns .av-flex-placeholder {
    display: none;
}

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

Best regards,
Mike

Hi,
Thanks for sharing your solution.

Best regards,
Mike

Hey Christie,
Thanks for the link to your site, I tried to create a copy of it on a multisite network but couldn’t reproduce your error, please see the link below.
Check to see if you have disabled Self Hosted Videos or any elements.

Best regards,
Mike

Hi,
The Dev Team has replied that at the moment not integrated in Enfold, but has been added as a feature issue to our dev repo.
Thank you for your patience.

Best regards,
Mike

Hi,
Thank you for your patience and for the screenshots, I don’t have an iPhone but by examing with Chrome DevTools at 320px screen width, which is the typically small iPhone width I found that the x-large buttons have a min-width of 320px and the page has a max-width of 85%

But once you look at the larger screen phones like 425px this issue doesn’t show.
I recommend this css to correct for the smaller phones:

@media only screen and (max-width: 430px) { 
.avia-button.avia-size-x-large {
    min-width: 100% !important;
}
}

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

Best regards,
Mike

Hi,
Thank you for your patience, yes the code goes in your child theme functions.php, you placed it in the correct place.
Your page /monuments-historiques/ doesn’t seem to exist anymore so I checked /moutier-grandval/ and found that the script was looking for a specific element ID, I adjusted it to look for the general ID full_slider_1 and it is now working on that page and should work on all of your pages, if you find one that it is not working on please link to it so we can examine.

For future users the working script is now:

function add_scrolldown_link() {
	?>
	<script>
		var slider = document.getElementById("full_slider_1");
		console.log(slider);
		if (slider) {
			var anchor = document.createElement("a");
			anchor.href="#next-section";
			anchor.classList.add('scroll-down-link');
			anchor.classList.add('av-control-default');
			anchor.setAttribute("aria-hidden", "true");
			anchor.setAttribute("data-av_icon", "");
			anchor.setAttribute("data-av_iconfont", "entypo-fontello");
			console.log(anchor);
			slider.appendChild(anchor);
		}
	</script>
	<?php
}
add_action('wp_footer', 'add_scrolldown_link');

Best regards,
Mike

Hey mediaformers,
Thanks for your patience and the link to your site, but I’m not seeing this in Safari v15.4 on Mac Monterey v12.3.1
What version are you using?

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 and the link to your site and screenshots, for your slideshow caption “4-Zimmer Wohnung Nbg. – St. Johannis” I recommend add ing css:

@media only screen and (max-width: 430px) { 
#top.home #main h2.avia-caption-title a {
	 font-size: 18px;
}
}

feel free to adjust, perhaps 16px or 14px
After applying the css, please clear your browser cache and check.
For your other items try this css:

@media only screen and (max-width: 767px) { 
#top.home #main #av_section_6 {
	 margin-top: 0;
}
#top.home #main #av_section_6.avia-section-large .content {
padding-top: 0;
padding-bottom: 0;
}
#top.home #main #av_section_5.avia-section-large {
margin-bottom: 0;
}
#top.home #main #av_section_5.avia-section-large .content {
padding-bottom: 0;
}
#top.home #main #av_section_2.avia-section-huge .content {
    padding-top: 0;
    padding-bottom: 0;
}
#top.home #main .avia-builder-el-38 {
    padding: 0;
}

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

Best regards,
Mike

Hi,
Thank you for your patience, the Dev Team replies that this was added only to slideshows, not for lightbox.

Best regards,
Mike

Hi,
Thank you for your patience, there is not an option to set the preloader on a page-by-page basis, but you could enable the preloader for the site and add this css to hide it on all single posts and all single portfolio items:

#top.single-portfolio .avia_loading_icon .av-siteloader,
#top.single-post .avia_loading_icon .av-siteloader {
	display: none !important;
    visibility: hidden !important;
}

#top.single-portfolio .avia_loading_icon,
#top.single-post .avia_loading_icon {
    background: rgba(0,0,0,0) !important;
}

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

Best regards,
Mike

Hey ac1977,
For the cart, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top .main_color tr:nth-child(odd), 
#top .main_color .pricing-table>li:nth-child(odd), 
#top .main_color .pricing-extra,
#top .main_color .quantity input.plus, 
#top .main_color .quantity input.minus {
    background: #141414;
}

For the contact form try this css:

 #top .main_color input[type='text'],
 #top .main_color textarea {
 	background: #141414;
 	color: #fff;
 }

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

Best regards,
Mike