Hey mikeb254,

Thank you for the inquiry.

You can enable the Gallery Image Rotation in the Advanced > Animation panel. Please make sure to clear the cache after making any adjustments to the settings.

Best regards,
Ismael

Hey vancestone,

Thank you for the inquiry.

It seems there is an issue with the padding. Please edit the element to adjust the padding values for mobile view, or add the following css code:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .flex_column.av-m4wep313-3e980d8dcd4f559ad7b43a97ffcbf586 {
    padding: 0;
  }
}

Please make sure to purge the cache and toggle the compression settings before testing.

Best regards,
Ismael

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