Hi,
It looks like you forgot to add the custom class full_width_tab_section to the tab section, so that solves the full-width images, but you need to add your “team” grid in a code block element like on the test page so they are not full width.

Best regards,
Mike

Hi,
Thanks for the feedback, did you add the information into the Product short description

If so and you cleared your cache and still have trouble please include and admin login to your site and a direct link to your page so we can examine.

Best regards,
Mike

Hi,
Glad to hear this helps, try this css to assign the page ID:

@media only screen and (max-width: 767px) { 
#top.page-id-158578 #wrap_all #main div .first, 
#top.page-id-158578 #wrap_all #main div .no_margin {
    margin-left: 0;
}
#top.page-id-158578 #wrap_all #main .unit.alpha, 
#top.page-id-158578 #wrap_all #main .units.alpha, 
#top.page-id-158578 #wrap_all #main div .first {
    margin-left: 0;
    clear: left;
}
#top.page-id-158578 #wrap_all #main div .av_one_third,
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry {
    margin-left: 4%;
    width: 29.333333333333332%;
}
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry.first {
	margin-left: 2%;
    width: 29.333333333333332%;
}
#top.page-id-158578 #wrap_all #main div .flex_column {
    z-index: 1;
    float: left;
    position: relative;
    min-height: 1px;
}
#top.page-id-158578 #wrap_all #main .avia-content-slider .slide-entry-wrap {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry,
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-even .slide-entry.slide-parity-odd, 
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry.slide-parity-even {
	clear: none;
}
}

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

Best regards,
Mike

Hi,
Please try this css for desktop & mobile for
Checkout
Method of payment
shipping

@media only screen and (max-width: 379px) { 
#top #order_review .woocommerce-shipping-totals.shipping td label,
#top #order_review .woocommerce-shipping-totals.shipping td label bdi,
#top #order_review .woocommerce-shipping-totals.shipping td label bdi .woocommerce-Price-currencySymbol {
	font-size:10px;
}
#top #order_review .woocommerce-shipping-totals.shipping td {
    left: 14px!important;
}
}
@media only screen and (max-width: 450px) { 
#top #order_review .woocommerce-shipping-totals.shipping {
	height: 81px;
}
#top #order_review .woocommerce-shipping-totals.shipping td {
    width: 300px!important;
    max-width: 300px!important;
    left: 47px;
    position: absolute;
}
#payment .payment_method_ppcp-gateway label {
	color: transparent;
}
}
@media only screen and (min-width: 451px) { 
	#top #order_review .woocommerce-shipping-totals.shipping td {
    width: 300px!important;
    max-width: 300px!important;
	}
}
@media only screen and (max-width: 768px) { 
	.responsive #top table.woocommerce-checkout-review-order-table .product-name {
    border-left-style: none;
	}
}

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

Best regards,
Mike

Hi,
Thanks for the feedback, I see that you are using a SVG logo and it doesn’t seem to be one image, every part of the logo is individual so it doesn’t scale down to the parent container, you need to specify the coordinates within the SVG image independently of the scaled size of the image, use the viewBox attribute on the SVG element.
See here
So you will need to edit the SVG to have a max-width of 800px

Best regards,
Mike

Hey patrikbeneke,
Ich bin mir nicht sicher, ob ich verstehe, was „Loge“ ist, es sieht so aus, als wäre Ihre Seitenbreite auf 1310 Pixel eingestellt. Wenn Sie also möchten, dass die Bilder auf Ihrer Seite 800 Pixel breit sind, würde ich empfehlen, diese Größe im Bildelement auszuwählen oder hochzuladen die Bilder in der Größe und wählen Sie Ihr Menü. volle Größe im Element, da sie im Moment 495 Pixel breit sind und es nicht so gut aussehen wird, sie auf 800 Pixel zu zwingen. Aber dieses CSS zwingt sie auf 800px, wenn Sie es wünschen.

#top.home .avia-image-container img {
	width: 800px;
}

— Translated with Google —

I’m not sure that I understand what “Loge” is, it looks like your page width is set to 1310px so if you want the images on your page to be 800px wide then I would recommend choosing this size in the image element or uploading the images at the size and choose your menu. full size in the element because right now they are 495px wide and forcing them to 800px will not look so good. But this css will force them to 800px if you wish.

#top.home .avia-image-container img {
	width: 800px;
}

Best regards,
Mike

Hi,
Merci pour le lien vers votre site, pour faire coller votre section couleur “barre de menu” sous le header on scroll j’ai ajouté le script et css suivant à votre thème enfant, et dans mes tests la “barre de menu” avec la classe personnalisée” collant” se collerait dès qu’il toucherait l’en-tête. Pour les mobiles, sous 990px, puisque l’en-tête n’est pas collant, ce script ferait coller la “barre de menu” en haut de l’écran. Cela a bien fonctionné dans mon test en injectant le code via le navigateur.
Mais lorsque j’ai ajouté ceci dans votre thème enfant, la hauteur du défilement n’est pas correcte, il ne colle donc pas jusqu’à un défilement beaucoup plus loin, peut-être que cela a à voir avec votre mise en cache, alors laissez-le en place, veuillez essayer d’effacer ou de désactiver votre cache et vérifiez la page.

— Translated with Google —

Thank you for the link to your site, to make your color section “menu bar” stick under the header on scroll I added the following script and css to your child theme, and in my tests the “menu bar” with the custom class “collant” would stick as soon as it touched the header. For mobile, under 990px, since the header is not sticky this script would make the “menu bar” stick at the top of the screen. This worked well in my test by injecting the code via the browser.
But when I added this into your child theme the height of the scroll is not correct so it doesn’t stick until a much further scroll, perhaps this has to do with your caching so left it in place, please try clearing or disabling your cache and check the page.

this function in your child theme functions.php

function custom_collant_script() { ?>
    <script>
(function($){
  $(function() {       
     var scroll_start = 0;
     var startchange = $('.avia-section.collant');
     var offset = startchange.offset();
     var width = $(window).width()
      if (startchange.length){
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if ((width >= 990)) {
        if(scroll_start > offset.top - 117) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top');
         }
        }
        if ((width < 989)) {
        if(scroll_start > offset.top) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top-mobile');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top-mobile');
         }	
        }
     });
      }
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_collant_script');

and this css

.sticky-top {
    position:fixed!important;
    top:117px!important;
    z-index:600!important;
}
.sticky-top-mobile {
    position:fixed!important;
    top:0!important;
    z-index:600!important;
}

Best regards,
Mike

Hey sebzh22,
Merci pour votre patience, pour utiliser l’élément de maçonnerie pour afficher les produits et avoir plus d’informations affichées au survol de la souris, survolez, veuillez vous rendre sur votre produit et ajouter vos informations supplémentaires dans la courte description du produit, puis ajoutez ce css à votre CSS rapide domaine:

#top .av-masonry-entry:hover .av-masonry-entry-title,
#top .av-masonry-entry:hover .price span {
	display: none;
}
#top .av-masonry-entry .av-masonry-entry-content {
	display: none;
}
#top .av-masonry-entry:hover .av-masonry-entry-content {
	display: block;
	font-size: 1.5em;
}

puis au passage de la souris, le titre et le prix se cacheront et plus d’informations s’afficheront, vous pouvez ajouter des emoji mais le shortcode ou le html ne fonctionnera pas ici.
J’ai lié à ma page de démonstration ci-dessous.

— Translated with Google —

Thank you for your patience, to use the masonry element to show products and have more information shown on mouse-over, hover, please go to your product and add your extra information in the Product short description, then add this css to your Quick CSS field:

#top .av-masonry-entry:hover .av-masonry-entry-title,
#top .av-masonry-entry:hover .price span {
	display: none;
}
#top .av-masonry-entry .av-masonry-entry-content {
	display: none;
}
#top .av-masonry-entry:hover .av-masonry-entry-content {
	display: block;
	font-size: 1.5em;
}

then on mouse-over the title and price will hide and the more information will show, you can add emoji but shortcode or html will not work here.
I linked to my demo page below.

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 the link to your site, I see that you are getting an error on your site for the cooper-hewitt font: Failed to decode downloaded font and your Custom Font Manager is showing the MACOSX folder that is inside of the font zip, so try deleting both of the cooper-hewitt fonts in the Custom Font Manager to start fresh, then try the font zip linked below which I removed the MACOSX folder from. I tested this on my demo site and it seems to work correctly on Windows in Chrome when I assign the font in the advanced styling options.

Best regards,
Mike

Hey solf,
Thank you for your patience and the login, this seems to be related to your Revision Control plugin,
I tested the portfolio item “demo 1” and updating it created a “ghost” with incorrect permalinks, that is to say that you have your permalinks set to /%postname%/ and these “ghost” items are using plain ?p=123.
Deleting the revision removes the “ghost” item

Please try this on all of your items, then I would recommend removing this plugin as it was Last updated 4 years ago and it should not be creating “ghost” items.

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,
I was referring to your comment about seeing another error in the console,
I’m not seeing this error in the console with GiveWP + Events Calendar + WooCommerce or just Events Calendar + WooCommerce active, which plugins did you have active to see it?
I just checked again and I still don’t see this error in the console, but I do see that the postslider doesn’t show when GiveWP + Events Calendar + WooCommerce are all active.
I will ask the rest of the team if they have any ideas about this, Thank you for your patience.

Best regards,
Mike

Hi,
Thanks for the feedback, I tested this on my test site by uploading 400 images and then I followed the steps above to select all 400 images and delete them, which was successful in about 30 seconds.
The only plugin I had active was WooCommerce and this is my WordPress ▸ Tools ▸ Site Health ▸ Info ▸ Server

please compare to yours, perhaps your PHP time limit or something else is set really low?
Try disabling your plugins, perhaps something is conflicting?

Best regards,
Mike

Hi,
I’m not seeing this in the console with GiveWP + Events Calendar + WooCommerce or Events Calendar + WooCommerce

which plugins did you have active to see it?

Best regards,
Mike