Hey Tanja,

Thank you for the inquiry.

The font displays normally on our end when tested on mobile devices.

Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hey lara666,

Thank you for the inquiry.

You may have forgotten to include the link in the private field. Please provide the site URL so we can check the page. If you need to adjust the position of the default breadcrumb in the title container, try this css code:

.title_container .breadcrumb {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}

Best regards,
Ismael

Hi,

Thank you for the info.

Are you referring to the search icon in the header? If so, please replace the previous code with the following filter:

function ava_avf_ajax_search_query_mod( $query_string ) {
    parse_str( $query_string, $query_args );

    if ( class_exists( 'WooCommerce' ) && ( isset( $query_args['post_type'] ) && $query_args['post_type'] === 'product' ) ) {
        $meta_query = isset( $query_args['meta_query'] ) ? (array) $query_args['meta_query'] : array();

        $meta_query[] = array(
            'key'     => 'catalog_visibility',
            'value'   => array( 'hidden', 'exclude-from-search' ),
            'compare' => 'NOT IN',
        );

        $query_args['meta_query'] = $meta_query;
        $query_string = http_build_query( $query_args );
    }

    return $query_string;
}
add_filter( 'avf_ajax_search_query', 'ava_avf_ajax_search_query_mod' );

Best regards,
Ismael

Hey condonp,

Thank you for the inquiry.

This is possible but it will require some custom html and some css modifications. You can start with the following code:

<div class="av-custom-testimonial">
  <div class="av-testimonial-card">
    
    <div class="av-testimonial-left">
      <h3 class="av-testimonial-heading">What our clients say</h3>
      <div class="av-testimonial-stars"></div>
      <p class="av-testimonial-text">“Your testimonial text goes here.”</p>
      <div class="av-testimonial-client">Client Name</div>
      <div class="av-testimonial-client-meta">Client Title</div>
    </div>

    <div class="av-testimonial-right">
      <div class="av-image-wrap">
        <img src="image.jpg" alt="">
      </div>
    </div>
  </div>
</div>

Then add this code in the Quick CSS field:

.av-custom-testimonial .av-testimonial-card {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 24px;
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(16, 24, 40, 0.08);
  max-width: 880px;
  align-items: stretch;
}

.av-custom-testimonial .av-testimonial-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 0;
}

.av-custom-testimonial .av-testimonial-heading {
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 10px 0;
  display: inline-block;
  width: 50%;
}

.av-custom-testimonial .av-testimonial-stars {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 12px;
}

.av-custom-testimonial .av-testimonial-text {
  font-size: 0.98rem;
  color: #6b7280;
  margin-bottom: 14px;
}

.av-custom-testimonial .av-testimonial-client {
  font-weight: 600;
  font-size: 0.95rem;
  color: #08121a;
}

.av-custom-testimonial .av-testimonial-client-meta {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 4px;
}

.av-custom-testimonial .av-testimonial-right {
  position: relative;
  min-height: 220px;
  overflow: visible;
}

.av-custom-testimonial .av-image-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 280px;
  overflow: hidden;
  border-top-left-radius: 140px 72px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  background: #f3f4f6;
}

.av-custom-testimonial .av-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 760px) {
  .av-custom-testimonial .av-testimonial-card {
    grid-template-columns: 1fr;
  }

  .av-custom-testimonial .av-image-wrap {
    position: relative;
    width: 100%;
    height: 220px;
    border-top-left-radius: 48px 26px;
  }

  .av-custom-testimonial .av-testimonial-right {
    min-height: auto;
  }

  .av-custom-testimonial .av-testimonial-heading {
    width: 70%;
  }
}

Best regards,
Ismael

Hey viannay,

Thank you for the inquiry.

Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

The theme includes a plugin called LayerSlider and what you’re looking for should be possible with it. However, as mentioned above, this will require some modifications and custom scripts. If you want to proceed, you can check out the documentation.

— https://layerslider.com/documentation/#layerslider-api

Best regards,
Ismael

Hi,

Thank you for the update.

The images in the masonry seem to be displaying in their original sizes now. Have you tried adjusting the width of the container so the images display the same as on the previous site?

.page-id-1562 #section-width .container {
    max-width: 1350px;
}

Adjust the max-width value as necessary.

Screenshot:

Best regards,
Ismael

Hey collinsfgc2025,

Thank you for the inquiry.

You have to look for the View icon in the top right corner of the editor. Please check the screenshot below:

Let us know if you have more questions.

Best regards,
Ismael

Hi,

Thank you for the update.

We can set a custom cookie to persist the info-box status across the entire site. Please locate the existing script block and replace it with the following code:

<script>
(function() {

    function setCookie(name, value, days) {
        var expires = "";
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/";
    }

    function getCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    }

    var infoBox = document.getElementById('stickyInfoBox');
    var closeBtn = document.getElementById('closeInfoBox');
    var toggleBtn = document.getElementById('infoToggle');

    if (getCookie('av-infobox-closed') === '1') {
        infoBox.classList.add('hidden');
        toggleBtn.classList.add('visible');
    }

    // Close the info box
    closeBtn.addEventListener('click', function() {
        infoBox.classList.add('hidden');
        toggleBtn.classList.add('visible');
        setCookie('av-infobox-closed', '1', 30);
    });

    // Show the info box again
    toggleBtn.addEventListener('click', function() {
        infoBox.classList.remove('hidden');
        toggleBtn.classList.remove('visible');
        setCookie('av-infobox-closed', '0', 30);
    });

})();
</script>

To add a DE version, replace the code with the version below and make sure to include both the existing style block and the updated script block.

function add_sticky_info_box() {
    $locale = get_locale();

    if ( $locale === 'en_US' ) {
        $title      = "Important Information";
        $message    = "This is your information box! You can customize this message to display any content you'd like to share with your visitors.";
        $buttonText = "Learn More";
        $buttonLink = "/your-page-url";
    }

    elseif ( $locale === 'de_DE' ) {
        $title      = "DE Important Information";
        $message    = "DE This is your information box! You can customize this message to display any content you'd like to share with your visitors.";
        $buttonText = "DE Learn More";
        $buttonLink = "/your-page-url";
    }

    else {
        $title      = "Information";
        $message    = "Here is an information box.";
        $buttonText = "More";
        $buttonLink = "/";
    }
    ?>

    // style block here
<div class="sticky-info-box" id="stickyInfoBox">
<div class="sticky-info-box-header">
<h3 class="sticky-info-box-title"><?php echo esc_html($title); ?></h3>
<button class="sticky-info-box-close" id="closeInfoBox" aria-label="Close">×</button></div>
<div class="sticky-info-box-message">

<?php echo esc_html($message); ?>

</div>
<a href="<?php echo esc_url($buttonLink); ?>" class="sticky-info-box-button">
            <?php echo esc_html($buttonText); ?>
        </a></div>
<button class="sticky-info-toggle" id="infoToggle" aria-label="Show information">ℹ</button>

    // script block here
<?php
}

Best regards,
Ismael

Hey SpiderLabz,

Thank you for the inquiry.

Did you also update the theme to version 7.1.3? Please make sure the theme is updated to the latest version, create a test page and then provide the site details in the private field. We’ll take a look.

Best regards,
Ismael

Hi,

Thank you for the update.

In the Masonry edit panel, go to Styling > Masonry Settings, then locate the Image Size settings. Set this to the first option No Scaling to display the image at its original size. Please let us know the result.

Best regards,
Ismael

Hey colince742,

Thank you for the inquiry.

Looks like there are many PHP errors, which may be related to the currently installed version. Please make sure that PHP is upgraded to version 8.0 or later. You can also hide the warnings by adding the following code to your wp-config.php file.

define('WP_DEBUG', false);
define('WP_DEBUG_DISPLAY', false);
define('WP_DEBUG_LOG', false);

If you need help upgrading PHP, you can contact your hosting provider for assistance. Please let us know the result.

Best regards,
Ismael

Hey condonp,

Thank you for the inquiry.

You can use this css code to apply borders to the masonry images:

.av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container {
    border: 1px solid #000000;
}

.av-fixed-size .av-masonry-image-container .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container .av-masonry-image-container {
    border: 10px solid #ffffff;
}

Result:

Best regards,
Ismael

Hi,

You’re welcome! Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey ti2media,

Thank you for the inquiry.

The color of the email field is different due to this css code:

#top .kontaktformular input[type='text'] {
    background-color: #ffffff !important;
    border: none !important;
    color: #0d3c63 !important;
}

To correct it, please replace it with the following css:

#top .kontaktformular input[type='text'], #top .kontaktformular input[type='email'] {
    background-color: #ffffff !important;
    border: none !important;
    color: #0d3c63 !important;
}

Then add this css code to adjust the width of the form fields:

#top fieldset {
    margin-bottom: 20px;
    overflow: hidden;
}

Best regards,
Ismael