Hey Oriano,

Thank you for the inquiry.

Adding this css code should remove the sticky placeholder in the mobile view.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top .sticky_placeholder {
    display: none;
  }
}

Best regards,
Ismael

Hi,

Thank you for the info.

You can also try this code — it’s the same, just slightly modified.

add_filter( 'avia_masonry_entries_query', 'avia_masonry_entries_query_mod', 10, 2 );
function avia_masonry_entries_query_mod( $query, $params ) {

    if ( empty( $params['taxonomy'] ) ) {
        return $query;
    }

    $sticky = get_option( 'sticky_posts', array() );

    $posts = get_posts( array(
        'post_type'      => 'any',
        'posts_per_page' => -1,
        'tax_query'      => array(
            array(
                'taxonomy' => $params['taxonomy'],
                'field'    => 'term_id',
                'terms'    => $params['terms'] ?? array(),
            )
        ),
        'post__not_in'   => $sticky,
        'fields'         => 'ids',
    ) );

    $include = array_unique(
        array_map( 'intval', array_merge( $sticky, $posts ) )
    );

    $query['post__in']       = $include;
    $query['posts_per_page'] = 6;
    $query['orderby']        = 'post__in';

    return $query;
}

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

The Text Block element has an option called Fold/Unfold, which can be enabled in the Content > Fold/Unfold panel, just below the text editor. You can use this to hide part of the text, display only a portion and add a “read more” link. Let us know if this works for you.

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

Please add this css code to reduce the height of the submenu and apply a border to it.

#top .sticky_placeholder {
    height: 30px !important;
    max-height: 30px !important;
}

#top .av-submenu-container {
    min-height: 30px;
    line-height: 1em;
    border-color: #b1b1b1;
}

#top .av-subnav-menu > li {
    padding: 8px 0;
    display: inline-block;
}

Best regards,
Ismael

Hey invulon,

Thank you for the inquiry.

This is possible with a custom script and a few styling changes. Please add the following code to your functions.php file:

add_action('wp_footer', function() {
?>
<script>
jQuery(function($){

    $('.avia-heading-row th').each(function(){
        var text = $(this).text();
        $(this).html('<span class="av-
rotated-text">' + text + '</span>');
    });

});
</script>
<?php

Then add this css code to rotate the text inside the heading row.

#top .avia-table th {
    height: 200px;
}

#top .avia-table th .av-rotated-text {
    display: inline-block;
    transform: rotate(90deg);
    transform-origin: left bottom;
    white-space: nowrap;
}

Best regards,
Ismael

Hey James Halk,

Thank you for the inquiry.

You will have to register an account using your purchase code on the following page.

— https://kriesi.at/support/register/

Once registered, you can open an inquiry in the forum using the form below.

— https://kriesi.at/support/forum/enfold/#new-post

Let us know if you have more questions.

Best regards,
Ismael

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