Hi,

Thank you for the update.

Please create a test page and provide the page URL — screenshots will also help. You can use platforms like Freeimage, ImgBB, PostImages or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hi,

Thank you for the update.

We can’t find the corresponding css styles for the layout. Did you add the css code? Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings and provide the login details in the private field so we can check further.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can set them as follows:

Background Attachment: Fixed ( this won’t matter on mobile view because it will default to scroll )
Background Image Position: Center Center ( adjust depending on which part of the image you want to focus on )
Background Repeat: Stretch to fit ( set to Stretch to fit (cover) to make sure the image fills the entire container, or Scale to fit (contain) if you want the entire image to remain fully visible )

Hope this helps.

Best regards,
Ismael

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