Hi,

Thank you for the feedback.

Try to replace the modification with the following code:

.avia_recaptcha_v3 fieldset {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: row;
}

.avia_recaptcha_v3 .form_element {
    flex: 0 0 calc(33.333% - 10px);
    margin-right: 15px;
}

.avia_recaptcha_v3 .av-recaptcha-area {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
}

.avia_recaptcha_v3 .av-google-badge-message {
    display: none;
}

Make sure to purge the cache before testing.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We couldn’t reproduce the issue when we checked the site on a mobile emulator. The mobile menu is correctly visible, overlaying above the content. Which browser are you using?

Best regards,
Ismael

Hey Advantage09,
It looks like you have enabled the Alternate Menu For Mobile

But it is the same menu items as your main menu, so it is not needed and you can disable it.

Best regards,
Mike

Hey steviger,
Do you mean like this:

try this instead:

@media only screen and (max-width: 767px) {
    .responsive .logo svg {
        transform: translateX(38%) translateY(63%);
    }
} 

Best regards,
Mike

Hi,
When I checked using the Enfold > Layout Builder > Show advanced Options > Debug Mode I found on Post 1785 that you have a unclosed strong tag:

Correcting this solved.
I see that you have many templates saved:

Note that if any of these have unclosed tags they will cause issues on additional pages that you use them on. They can not be repaired, you would need to delete them and rebuild them.
I also note that you are using the Advanced Editor Tools plugin and recall back when it was called TinyMCE Advanced there were issues with it, not sure if they have been resolved in the plugin’s current build, but it may be worth considering.
I also tried to reproduce this on my test site, but was unable to without purposely forcing unclosed tags.

Best regards,
Mike

Hey Valerie,
Your woo shortcode to display the products was using cropped images
[products=3]
I added this to your child theme to use the uncropped images:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
} 

Best regards,
Mike

Hey Lance,

If you point out an example image on your site, then it will be easier for us to give you exact code.

Best regards,
Rikard

Hey klvnstudios,
I don’t see this on my screen, but if I emulate a larger screen I see a white space at the bottom. This is not part of the page and is due to limited page content. To correct set the height of your color section to At least 100% of browser window height.

Best regards,
Mike

Hi,
Actually it is:

The extra space is not apart of the page, it’s because you don’t have enough content and the page is too short:

Change the height in your color section to 100% page height, instead of no height.

Best regards,
Mike

Hey Elena,
It looks like you want the font size to be 14px, but you have a Advanced Styling set to 18px which overrides it:

Since this size is for your whole site, try this css just for the testimonials:

#top .all_colors .avia-testimonial-content p em {
    font-size: 14px;
} 

Best regards,
Mike

Hi,
I do not see the samething as you:

Try clearing your cache.

Best regards,
Mike

Hey Elena,

Thank you for the inquiry.

The slider area on renders at 1702x760px on our end, but the uploaded image is only 1500x840px and with a different aspect ratio compare to the slider area — which is why part of the image is getting cut off.

To fix this, please upload a new slider image that is at least 1702x760px with an aspect ratio of approximately 16:7 (or 2.24:1) as the safest option going forward.

Let us know the result.

Best regards,
Ismael

Hi,
When I check it looks like you removed the background image from the socket.

Best regards,
Mike

Hey Antonio,
Use the Use first slides caption as permanent caption option.

Best regards,
Mike

Hey mjrielly,
Typically the solution is to apply css height so all of the testimony slides will have the same height, and also calculate the needed height for each screen size. The following javascript will do this automatically for you. Add the following code to your child theme functions.php file. If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the following code and save.

function equalise_testimonial_heights() { ?>
  <script>
(function () {

  function equaliseTestimonialHeights() {

    const row = document.querySelector('.avia-testimonial-row');
    if (!row) return;

    const slides = row.querySelectorAll('.avia-testimonial');
    if (!slides.length) return;

    slides.forEach(function (slide) {
      slide.style.height = '';
    });

    let maxHeight = 0;
    slides.forEach(function (slide) {
      const h = slide.offsetHeight;
      if (h > maxHeight) maxHeight = h;
    });

    slides.forEach(function (slide) {
      slide.style.height = maxHeight + 'px';
    });
  }

  function debounce(fn, delay) {
    let timer;
    return function () {
      clearTimeout(timer);
      timer = setTimeout(fn, delay);
    };
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', equaliseTestimonialHeights);
  } else {
    equaliseTestimonialHeights();
  }

  window.addEventListener('resize', debounce(equaliseTestimonialHeights, 150));

})();
</script>
  <?php
}
add_action( 'wp_footer', 'equalise_testimonial_heights', 99 );

Best regards,
Mike