Hey Antonio,

Thank you for the inquiry.

Try adding this css code to make the map hotspot container scrollable.

#mapcontainer, #mapcontainer #hotspot-650 {
    min-width: 1200px;
    overflow: scroll;
}

#mapcontainer .avia_codeblock, #mapcontainer .avia_codeblock_section {
    width: 1200px;
}

Best regards,
Ismael

Hey Michael F,

Thank you for the inquiry.

Try to add this code in the Quick CSS field to adjust the width of the mega menu columns.

#top #header .avia_mega_div > .sub-menu {
    display: flex;
    flex-wrap: wrap;
}

#top #header .avia_mega_div > .sub-menu > li {
    display: block;
    width: 25% !important;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this filter to the functions.php file — making sure to adjust the post type name.

add_filter('avf_metabox_layout_post_types', 'avf_metabox_layout_post_types_mod', 10, 1);
function avf_metabox_layout_post_types_mod( array $supported_post_types ) {
     $supported_post_types[] = 'your-cpt';
     return $supported_post_types;
}

Let us know the result.

Best regards,
Ismael

Hey amollde,

Thank you for the inquiry.

You can enable Enfold > Privacy & Cookies > Cookie Handling > Enable Cookie Consent Messages, then set the Default Cookie Behavior to the third or fourth option for stricter privacy rules. This will disable the services (google font, youtube etc) on page load and allow users to toggle them in the privacy modal or on the privacy page where the toggles are available.

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

Try to add a 1/3 column element alongside a 2/3 column element. In the 1/3 column, insert three Button elements. Set each Button Link manually, and enter #1, #2, and #3 in the link fields respectively. In the 2/3 column, add an Easy Slider with three images and make sure the dots navigation is enabled. After that, add the following script in the functions.php file to trigger the dots navigation when a Button element is clicked.

add_action( 'wp_footer', 'av_custom_script', 100 );
function av_custom_script() {
    ?>
    <script>
    // trigger slider dots
    jQuery(document).ready(function($) {
        $('.avia-button').on('click', function(e) {
            var targetHref = $(this).attr('href');
            if (targetHref && targetHref.startsWith('#')) {
                var slideDot = $('.goto-slide[href="' + targetHref + '"]');
                if (slideDot.length) {
                    e.preventDefault();
                    slideDot.trigger('click');
                }
            }
        });
    });
    </script>
    <?php
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Did you add this css code? It seems to be the reason why the font size of the post title is much larger on the other site.

.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 2em;
    text-align: left;
    letter-spacing: 1px;
}

Also, make sure that the Enfold > Blog Layout > Blog Styling and Blog Layout settings are the same on both installations.

Best regards,
Ismael

Hi,

Great! Glad to know that the issue has been resolved. Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

Apologies for the late response. Did you install the String Translation extension? You will need this WPML extension to properly translate pages created with the Advanced Layout Builder. Please check the following documentation for more information on how to translate using WPML.

— https://wpml.org/tutorials/2016/02/enfold-theme-and-wpml/
— https://kriesi.at/documentation/enfold/translation

Let know if you need more info.

Best regards,
Ismael

Hi,

The shortcode wand is available in the default WYSIWYG editor, but not all shortcodes are applicable in every context — as in the case of the custom layout shortcode with the product description tab.

Could you please provide a screenshot of the live preview along with a link to a test page so we can take a closer look? We might also need login access to the site to properly check.

Best regards,
Ismael

Hi,

Looks like you’re trying to use a custom layout shortcode. Unfortunately, the custom layout shortcode cannot be used in the product description tab. It only works on actual pages and posts.

Best regards,
Ismael

Hi,

Thank you for the info.

We edited the first and second columns, applied a minimum height (300px), and added the custom css class name “av-column-with-content-overlay”. To apply a background to the content, we added the following css code:

.av-column-with-content-overlay .av_textblock_section {
    background: rgba(244, 242, 233, 0.95);
    padding: 20px;
    margin: 50px;
}

You can apply the same configuration to the other columns to get this layout:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the screenshot.

Have you tried adjusting the published date of the portfolio items? If that doesn’t work, try adding this script to the functions.php file:

add_action( 'wp_footer', function() {
    ?>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
        var post253 = $('.post-entry-253');
        var post3164 = $('.post-entry-3164');
        
        if (post253.length && post3164.length) {
            post3164.insertAfter(post253);
        }
    });
    </script>
    <?php
});

Best regards,
Ismael

Hey lara666,

Thank you for the inquiry.

The sorting of the portfolio items on both pages seems to be the same. Could you provide a screenshot of the sorting issue? If you need to adjust it, you can do so in Portfolio Grid > Content > Sorting as shown in the screenshot below.

View post on imgur.com

Let us know if you need more info.

Best regards,
Ismael

Hi,

Yes, both the background image and the overlay image contribute to the LCP. While the report flags the background image as the main culprit, any unoptimized images or content on the page can affect loading speed and directly impact the LCP.

Currently, home_backround-keil-mobile.svg is still quite large for mobile view at 96 KB. We recommend either removing it completely from the #av_section_7 section or removing the duplicates of this section completely, keeping only one version for both mobile and desktop views.

Please note that images in these sections still affect the page’s performance, even if they are hidden on mobile view. The minified resources generated by the plugin WPFC also affect the page rendering. Try temporarily disabling the plugin and make sure the Enfold > Performance > File Compression settings are disabled as well.

Let us know if this makes any difference.

Best regards,
Ismael

Hey sarahd167,

Thank you for the inquiry.

Have you tried switching to the Code editor mode before pasting the shortcode? Please check the screenshot below:

View post on imgur.com

Best regards,
Ismael