Hi,

Thank you for the update.

Have you tried installing a different local server, such as Local by Flywheel, DevKinsta, or DesktopServer? You can also test it on InstaWP or TasteWP. It’s possible that there are missing configurations in your current local server. Please try testing it with a different server.

Best regards,
Ismael

Hi,

Thank you for the update.

The Code Blok element containing the map embed doesn’t load on our end either. We tried saving the content of the footer page as a template, but it failed. Have you tried deleting the Code Block element?

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be an issue with the image overlay. Please try to add this css code:

#top .image-overlay.overlay-type-image {
    position: absolute !important;
}

Best regards,
Ismael

Hi,

You have to replace #av_section_1 with #av_section_2, or as suggested above, apply a custom css class name or ID to the color section element.

.home #av_section_2.main_color .av_textblock_section .avia_textblock table,
.home #av_section_2.main_color .av_textblock_section .avia_textblock div,
.home #av_section_2.main_color .av_textblock_section .avia_textblock td {
    border-color: transparent;
    background-color: transparent;
}

.home #av_section_2.main_color .av_textblock_section .avia_textblock tr:nth-child(odd) {
    background-color: transparent;
}

Please check this link: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi,

Thank you for the update.

The dots are caused by this css code:

#top .av_inherit_color a { text-decoration: underline; }

Did you add this somewhere? You can override it with this css:

#top .av_inherit_color a { text-decoration: none; }

Best regards,
Ismael

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