Hi,

Glad to know this has been resolved! Feel free to open another thread should you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

You’re quite welcome! Glad to know this has been resolved. Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

We’re still not seeing the black background on the “Über mich” page. Please check this clip:

Clip: https://streamable.com/lrrk8l

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

The mobile menu is hidden because of this css code:

@media (max-width: 1200px) {
    .av-main-nav > li {
        display:none !important
    }

    .nav-toggle {
        display: block !important
    }
}

Please remove this css rule or adjust it properly.

.av-main-nav > li {
   display:none !important
}

Best regards,
Ismael

Hi,

Glad we could be of help! Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey marcsteiner1,

Thank you for the inquiry.

Are all the files in the avia_posts_css folder deleted when saving changes to a post or page? This option should only delete files that are no longer needed. What happens when you disable the cache and compression plugin?

Best regards,
Ismael

Hi,

Thank you for the info.

We added the following code to the functions.php file to replace the base price with the variable price — it should also update based on the selected variation.

add_action( 'wp', function() {
    if ( is_product() ) {
        $product = wc_get_product( get_the_ID() );
        if ( $product && $product->is_type( 'variable' ) ) {
            remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
            add_action( 'woocommerce_single_product_summary', 'ava_woocommerce_single_product_summary_mod', 10 );
        }
    }
});

function ava_woocommerce_single_product_summary_mod() {
    $product = wc_get_product( get_the_ID() );
    if ( ! $product || ! $product->is_type( 'variable' ) ) return;

    echo '
<div class="av-variable-price">';
    echo $product->get_price_html();
    echo '</div>
';
}

add_action( 'wp_footer', function() {
    if ( is_product() ) : ?>
        <script type="text/javascript">
        jQuery(function($){
            $('.variations_form').on('show_variation', function(event, variation){
                $('.av-variable-price').html(variation.price_html);
            });

            $('.variations_form').on('reset_data', function(){
                var productMinMaxPrice = $('.variations_form').data('product_variations')[0].display_price_html;
                $('.av-variable-price').html(productMinMaxPrice);
            });
        });
        </script>
    <?php endif;
});

Best regards,
Ismael

Hi,

Thank you for the update.

Add the following code to your functions.php file to display an instagram icon next to the mobile menu:

add_action( 'ava_inside_main_menu', function() {
    $instagram_url = 'https://www.instagram.com/yourusername/';
    echo '<a class="av-custom-header-icon" href="' . esc_url( $instagram_url ) . '" target="_blank" rel="noopener noreferrer">';
    echo do_shortcode('[av_font_icon icon="instagram" font="svg_entypo-fontello" size="30px" av_uid="av-mhvfocn7"]');
    echo '</a>';
});

Then add this css code:

.av-custom-header-icon {
    position: absolute;
    left: 0;
    top: 20px;
    display: none;
}

@media (max-width: 768px) {
    .av-custom-header-icon {
        display: inline-block;
    }
}

Best regards,
Ismael

Hey lelouxwebdesign,

Thank you for the inquiry.

Try to add this css code to reduce the width of the color section container.

.home #av_section_2 .container {
    max-width: 1000px;
}

You may need to replace the selector #av_section_2 with a custom css class or element ID.

— https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you for the info.

The leaflet image is not displaying, even on desktop view. There’s not much difference in file size or page loading impact between the 170×400px and 64×150px thumbnails, so I wouldn’t worry about that. Which thumbnails have you removed so far?

function avf_wp_calculate_image_srcset_mod( $sources ) {
    foreach ( $sources as $width => $image ) {
        if ( $width == 170 || $width == 400 ) {
            unset( $sources[$width] );
        }
    }
    return $sources;
}
add_filter( 'wp_calculate_image_srcset', 'avf_wp_calculate_image_srcset_mod' );

Also, why are you using gif as the image format? for non-animated images, it’s better to use jpg, png or webp.

Best regards,
Ismael

Hi,

Glad to know this has been resolved! Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

Although Yoast reports a missing image, the featured product image should still be indexed correctly in the front end. If you really want to comply with the SEO checker for the product page, you need to add an image in the description or in the default editor, with the alt or title attribute containing the focus keyword.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Looks like you’re manually placing the icon html in a fullwidth submenu element. Have you tried using the Button Row element instead of the submenu element?

In the screenshot above, you can see the Button Row element rendering correctly above the full-width submenu with custom html.

Best regards,
Ismael

Hey,

Thank you for the update.

1. Yes, this is the maximum number of columns. If you need more, you can always use the code or text block element to manually create your own html.

2. Please create a test page, open a new thread, and provide the login details in the private field.

3-4. Simply add the [nolink] placeholder in the **Enfold > Footer > Copyright** field.

5. Please open a dedicated thread and provide a screenshot.

6. Make sure caching and compression are off, or temporarily disable the **Enfold > Performance > File Compression** settings.

7. Would you mind providing screenshot of the “stacking columns”? You can use image platforms like imgbb or imgur for the screenshot. 

8. It’s possible that there is a heading configuration in the Enfold > Advanced Styling panel, or that they are Special Heading elements with  their own configurations.

It usually takes a bit of time to get used to the theme, and you might have missed some options, so we recommend reviewing the documentation. For other inquiries, please open a dedicated thread.

If you would like to proceed with a refund, you may contact ThemeForest.

Thank you.

Best regards,
Ismael

Hi,

Thank you for the update.

We didn’t find any grid row elements on the test page. If you need to limit the width of the cells inside a grid row to 1400px, you can use the following css code. You may need to replace the selector #av-layout-grid-1 with your custom css class or element ID.

#av-layout-grid-1 {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#av-layout-grid-1 > .av-gridrow-cell {
  flex: 0 0 25%;
  max-width: 350px;
  box-sizing: border-box;
}

#av-layout-grid-1 .flex_cell_inner {
  margin: 0 auto;
}

@media (max-width: 768px) {
  #av-layout-grid-1 > .av-gridrow-cell {
    flex: 0 0 100%;
    max-width: none;
  }
}

This should work for a grid row with 4 cells. Make sure to adjust the width values in this css rule based on the number of cells in the grid.

#av-layout-grid-1 > .av-gridrow-cell {
  flex: 0 0 25%;
  max-width: 350px;
  box-sizing: border-box;
}

Best regards,
Ismael