Hey milongal,

Thank you for the inquiry.

Where is the site hosted? The import sometimes doesn’t work on certain hosts due to security restrictions or configurations. Have you tried manually importing the demo using the XML files? You could also test this on a local installation first, then transfer the result to the live site. For more info, please check this link: https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

Are you trying to adjust the width of the sliding text below the first section? Try to apply a custom css class or ID to the color section containing the ticker, then adjust the width of the container using css. For more info, please check this documentation: https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width.

Best regards,
Ismael

Hey Andreotti,

Thank you for the inquiry.

You can adjust the font size in Enfold > General Styling > Typography, and for additional configurations, you can edit the Main Menu elements in Enfold > Advanced Styling. Let us know if you need further assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

We already edited the page and changed the URL previously — looping works after the update. Did you edit it again? Please make sure to purge the cache before testing or try using another browser.

Best regards,
Ismael

Hi,

Thank you for the update.

It’s not recommended to enable both the theme’s compression and the plugin’s, as they essentially perform the same function and could potentially create conflicts. You need to choose which compression option to use — the theme’s or the plugin’ — whichever works best for the site setup.

The same can be said about this thread https://kriesi.at/support/topic/mega-menu-goes-left-off-screen-with-css-js-merge-compress-enabled/

Best regards,
Ismael

Hi,

Looks like you’re using the Advanced Layout Builder (ALB) for the products. Please note that the template hook (ava_display_sku_and_ean) above will not work if ALB is active. To use it, you’ll need to switch to the default editor.

You can also create a custom shortcode:

function ava_shortcode_sku_and_ean( $atts ) {
    $atts = shortcode_atts(
        array(
            'id' => '',
        ),
        $atts
    );

    $product_id = !empty( $atts['id'] ) ? intval( $atts['id'] ) : get_the_ID();
    if ( !$product_id ) {
        return '';
    }

    $product = wc_get_product( $product_id );
    if ( !$product ) {
        return '';
    }

    $sku = $product->get_sku();
    $ean = get_post_meta( $product->get_id(), 'EAN1', true );

    $output = '';
    if ( $ean || $sku ) {
        $output .= '<div class="product-meta">';
        if ( $ean ) {
            $output .= '<p><strong>EAN:</strong> ' . esc_html( $ean ) . '</p>';
        }
        if ( $sku ) {
            $output .= '<p><strong>SKU:</strong> ' . esc_html( $sku ) . '</p>';
        }
        $output .= '</div>';
    }

    return $output;
}
add_shortcode( 'av_sku_ean', 'ava_shortcode_sku_and_ean' );

In a Text or Code Block, insert this shortcode:

[av_sku_ean]

Best regards,
Ismael

Hey tribaleye13,

Thank you for the inquiry.

Try to use this SVG code:

<svg width="100%" height="100%" viewBox="0 0 1000 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g transform="matrix(1.1286,0,0,0.87034,0,0)">
        <path d="M886.053,0L886.053,57.449C886.053,57.449 416.455,49.793 160.672,68.931C64.438,76.132 0,107.545 0,114.898L0,0L886.053,0Z" style="fill:rgb(133,133,133);"/>
    </g>
</svg>

Then add this css code to adjust the position of the logo:

.responsive .logo {
    position: absolute;
    left: -50px;
    right: auto;
}

Best regards,
Ismael

Hey Ryan,

Thank you for the inquiry.

We adjusted the YouTube URL a bit and used the other format (see private field). Please make sure to purge the cache before checking the page.

Best regards,
Ismael

Hi,

Thank you for the update.

The SKU and EAN seem to be displaying correctly now — located below the Add to Cart button. Did you figure it out?

<div class="product_meta">

	<span class="sku_wrapper ean_wrapper">EAN: <span class="ean">0889728068338</span></span>

		<span class="sku_wrapper">SKU: <span class="sku">CP-6851-3PCC-K9=</span></span>

	<span class="posted_in">Category: <a href="https://www.nodem-it.com/product-category/reseau/cisco-meraki/cisco-telephonie/" rel="tag">Cisco Téléphonie</a></span>
	<span class="tagged_as">Tag: <a href="https://www.nodem-it.com/product-tag/cisco-telephone/" rel="tag">Cisco telephone</a></span></div>

Best regards,
Ismael

Hey Matt,

Thank you for the inquiry.

Did you install another compression plugin or enable the compression options in your cache plugin? If so, you may need to keep the default CSS/JS compression disabled to avoid conflicts.

Best regards,
Ismael

Hey Sarah,

Thank you for the inquiry.

You can use the Custom Layout and Dynamic Content feature to create different views for your posts. Please check this documentation for more info: https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/

Best regards,
Ismael

Hey jccardaillac,

Thank you for the inquiry.

We can hide the title with css, but we may need to inspect the widget element first. Please provide the site URL in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

background images for color sections doesn’t get dynamic image scaling (serving different sizes for users with different screen sizes).

You may need to manually apply a different background for different screen sizes using css media queries.

Example:

/* For small screens (up to 768px wide) */
@media (max-width: 768px) {
  .avia-custom-section {
    background: url('small-screen-background.jpg') no-repeat center center;
    background-size: cover;
  }
}

/* For medium screens (769px to 1024px wide) */
@media (min-width: 769px) and (max-width: 1024px) {
  .avia-custom-section {
    background: url('medium-screen-background.jpg') no-repeat center center;
    background-size: cover;
  }
}

/* For large screens (1025px and wider) */
@media (min-width: 1025px) {
  .avia-custom-section {
    background: url('large-screen-background.jpg') no-repeat center center;
    background-size: cover;
  }
}

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey Ivana,

Thank you for the inquiry.

You don’t need to do anything since Google is handling the pages correctly and avoiding duplicate content issues because of of the proper canonical tags. If you don’t notice any problems and your other pages are being indexed as expected, you can leave it as is. Please check this link: https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading#use-urls-correctly

Best regards,
Ismael