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 rixi,
Thanks for your question, as I read the mail heading you have provided below and the text from your webhost above I believe that you will need to use the plugin WP Mail SMTP and use an email from your webhost, you can not use a gmail address any longer.
Please note that the contact form will also be re-configured to your new webhost email address, and the email set in your WordPress user profile for your admin may need to also be this new address.

Best regards,
Mike

Hey Mike1050,
Thanks for your question, to make the masonry sort sticky on that page for tablets and above, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function sticky_masonry_sort_waypoint() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
  	var width = $(window).width();
    var $stickyTop = $('#top.page-id-102 .av-sort-by-term');
    if (width >= 767) {
    $stickyTop.waypoint(function(direction) {
      if (direction === 'down') {
         $stickyTop.addClass('sticky-top');
      }
      if (direction === 'up') {
         $stickyTop.removeClass('sticky-top');
      }
    }, {
      offset: '118px'
    });
    }
  })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'sticky_masonry_sort_waypoint');

and this css in the General Styling ▸ Quick CSS field:

.sticky-top {
    position:fixed!important;
    top:118px!important;
    z-index:510!important;
    background-color: #fff;
}

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

Best regards,
Mike

Hi,
Thanks for the link to your test page, please give the following css a try in my tests on your site it seems to achieve what you are looking for.
I was not sure what was your custom css and what is the default, but this overwrites all of it so you may be able to trim it down some.
Currently the theme sets the image using height: auto; and a number for the width, my idea is to reverse that so you can set the height to 80px as you wish. Also, the logo container is only 80px high and the svg has a top: 15px;, bottom: 15px;
Anyways please give this css a try and see the screenshot in the Private Content area of the expected results.

@media only screen and (max-width: 767px){
.responsive #top #wrap_all .logo,
.responsive #top #wrap_all #header {
    height: 100px !important;
}
.responsive #top #wrap_all .logo a {
    display: flex;
}
.responsive #top .logo svg {
    width: auto !important;
    height: 80px !important;
    top: 10px !important;
    bottom: unset !important;
}
}

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

Best regards,
Mike

Hi,
Thanks, I updated how your “Add View Cart button to product page” was written and that allowed my script after it to work correctly, please check

Best regards,
Mike

Hi,
Glad Nikko was 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,
Try this solution, you may need to remove any other custom css for the mobile break point that you have tested, if this doesn’t help then remove this and any other custom css for the mobile break point and link to your site so we can 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, I believe this is working now please check.
The solution was $autore = get_post_meta( $the_id, 'autore_articolo', true);
without the $the_id = avia_get_the_id();

Best regards,
Mike

Hey Julie,
Thanks for the link to your page, if you want the masonry images to always be a minimum height of 300px, then try adding this css:

#donation-gallery .av-masonry-item-with-image {
	min-height: 300px !important;
}

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

If you want the masonry element to set the height of the images based on the screen width and only show one row of images, try removing your custom css:

#donation-gallery {
    min-height: 300px !important;
    max-height: 300px !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
}

then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_donation_gallery_height_script() { ?>
  <script>
(function($){
  	$(window).on('resize', function() {
  	var dg = $('#donation-gallery .av-masonry-image-container').height();
 $('#donation-gallery').css({'height':dg+'px'});
  	}).trigger('resize');
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_donation_gallery_height_script');

this script finds the height of the images and then sets the height of the container to match and it adjusts on window resize.

Best regards,
Mike

Hi,
For the large gap between the header text and the main body of the linked page please try this css:

#top.archive .woocommerce-products-header #after_full_slider_2 .template-page {
	padding-bottom: 0;
}
#top.archive .template-shop .template-shop.content {
	padding-top: 0;
}

After applying the css, please clear your browser cache and check this page and others to ensure that this doesn’t cause a conflict on other pages, if it does please link to these pages so we can check and adjust.

Best regards,
Mike

Hi,
Sorry for our delayed response, to remove the opacity from the masonry element on hover, on the page you linked to, please try this css:

#top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container {
    opacity: 1;
}

For the second issue please try this css:

@media only screen and (min-width: 768px) and (max-width: 989px){
.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 88px !important;
}
}

To center the masonry title please change this css:

/* Title Position and Caption Box Size */
.av-masonry-entry .av-masonry-entry-title {
text-align: center !important;
position: absolute;
bottom: 5px;
padding: 5px;
}
/* Title */
#top .av-masonry-entry-title {
font-size: 120% !important;
color: #555555;
line-height: 1.6;
font-weight: 600;
letter-spacing: .08em;
text-align: left !important;
text-shadow: 2px 2px 0px rgba(133,133,133,.4)!important;
margin-left: 5%;
}

to this:

/* Title Position and Caption Box Size */
.av-masonry-entry .av-masonry-entry-title {
text-align: center !important;
bottom: 5px;
padding: 5px;
}
/* Title */
#top .av-masonry-entry-title {
font-size: 120% !important;
color: #555555;
line-height: 1.6;
font-weight: 600;
letter-spacing: .08em;
text-shadow: 2px 2px 0px rgba(133,133,133,.4)!important;
width: 100%;
}

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

Best regards,
Mike

Hey Antonio,
Thanks for your question, I tested this solution and found that it still works.
I used this css to hide the metadata and to make the featured image 300px x 215px square:

#top.search-results .search-result-counter {
    padding: 0;
}
#top.search-results .search-result-counter img {
  border-radius: 0;
  height: 100%;
}
#top.search-results .search-result-counter {
    height: 215px;
    width: 300px;
    background: transparent;
}
#top.search-results .template-search.content .entry-content-wrapper {
    height: 215px;
}
#top.search-results #main .post-meta-infos {
   display: none;
}
#top.search-results .entry-content,
#top.search-results .post-title {
margin-left: 280px;
}
#top.search-results .post-entry {
    padding-bottom: 20px;
}

here was my results:

Best regards,
Mike

Hi,
Sorry that we were not able to help more, but glad Ismael was able to address this for you, 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 Nikko was 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