Hey JannyPolak,

Thank you for the inquiry.

The text not being full-width is expected behavior. Even with a stretched layout, the content inside sections is constrained by the container width. You can increase this by going to Enfold > General Layout > Dimensions > Maximum Container Width. The default is 1310px — try increasing this value to allow more content width.

Let us know the result.

Best regards,
Ismael

Hi,

Great! 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

Hey Elena,

Thank you for the inquiry.

The slider area on renders at 1702x760px on our end, but the uploaded image is only 1500x840px and with a different aspect ratio compare to the slider area — which is why part of the image is getting cut off.

To fix this, please upload a new slider image that is at least 1702x760px with an aspect ratio of approximately 16:7 (or 2.24:1) as the safest option going forward.

Let us know the result.

Best regards,
Ismael

Hey,

Thank you for the detailed bug report. We will forward the issue to our channel.

Best regards,
Ismael

Hey Stefan,

Thank you for the inquiry.

We have moved the content of the thread to the private field so only you and the moderators can see the content. Let us know if there’s anything else we can help you with.

Best regards,
Ismael

Hi,

Thank you for the update.

The screenshot is not displaying correctly on our end. Could you please share it again so we can better understand what you need help with?

Best regards,
Ismael

Hey,

Thank you for the inquiry.

To add a custom social icon in the current version, you need to make sure the icon is registered through the iconfont manager. If you are using a custom fontello font, you need to upload it via Enfold > Import/Export first so the theme recognizes the font family and unicode character.

After uploading the icon pack, update your snippet like this:

function avia_add_custom_icon( $icons ) {
    $icons['spotify'] = array(
        'font'  => 'fontello',
        'icon'  => 'ue907'
    );
    return $icons;
}
add_filter( 'avf_default_icons', 'avia_add_custom_icon', 10, 1 );

function avia_add_custom_social_icon( $icons ) {
    $icons['spotify'] = 'spotify';
    return $icons;
}
add_filter( 'avf_social_icons_options', 'avia_add_custom_social_icon', 10, 1 );

A couple of things to check:

1. Make sure the code is placed in your child theme’s functions.php, not the parent theme.
2. Confirm the font family name in the uploaded pack is exactly “fontello” and the unicode value matches what is in the font.
3. Go to Enfold > Performance and disable file compression temporarily, then clear your cache and test.

If the icon still does not appear after confirming those steps, please share a screenshot of your Enfold > Import/Export tab showing the uploaded font pack, and also let us know where exactly the icon is not showing up (social icons in theme options, or inside the page builder). You can post login details in the private field if needed.

You can also refer to the icon documentation here for more context:

— https://kriesi.at/documentation/enfold/icon/

Let us know the result.

Best regards,
Ismael

Hi,

Glad we could be of help! Please feel free to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey maryenvato,

Thank you for the inquiry.

There are a few things that could be preventing the Google Maps iframe from displaying correctly in Enfold.

First, check if Google Maps is enabled in the theme options. Go to Enfold > Google Services and make sure the Google Maps feature is not disabled there. If it is disabled, the map element will not render on the frontend.

Second, it’s possible that a privacy, cookie consent, or GDPR plugin is blocking the embedded map from loading. These plugins sometimes intercept external resources like Google Maps iframes and prevent them from rendering until the user gives consent. Please try disabling any such plugin temporarily to see if the map loads correctly without it.

You should also check the built-in cookie handling settings in the theme. Go to Enfold > Privacy & Cookies > Cookie Handling and review the settings there, as Enfold has its own conditional loading options for external services like Google Maps.

If you’re using the built-in Google Map element in the layout builder, make sure you have a valid API key entered under Enfold > Google Services as well, since Google now requires an API key for maps to load.

Let us know the result, and feel free to share a screenshot or the code snippet you mentioned if the issue persists.

Best regards,
Ismael

Hey tchamp77,

Thank you for the update.

The duplicate title seems to be coming from a custom modification. We can see the extra title is wrapped in a .custom-loop-title container, which is not part of theme’s default output.

Could you check if any plugins or custom code were recently added that might be injecting that extra title? A good first step would be to temporarily deactivate your plugins one by one to see if the duplicate disappears. Also check if there are any custom php snippets in your child theme’s functions.php that might be hooking into the product loop.

Let us know the result.

Best regards,
Ismael

Hey paulgross,

Thank you for the inquiry.

This is expected behavior. The tab element in Enfold uses anchor-based navigation (hash URLs), so clicking a tab only toggles the content on the current page. When you navigate to a detail entry URL like https://cprn.org/about-us/entry/200578/, the tab section from the parent page is no longer present, so clicking a tab just appends the hash to the current URL without redirecting back.

To get the behavior you’re looking for, the tab links on the detail page would need to redirect back to the parent page with the appropriate hash (e.g., https://cprn.org/about-us/#board). This would require custom js or modifications to the view template.

One approach is to override the tab click behavior using a small js snippet in your child theme:

add_action( 'wp_footer', function() {
    ?>
    <script>
    jQuery(document).ready(function($) {
        $('.tabcontainer .tab_titles .tab').on('click', function() {
            if (window.location.href.indexOf('/entry/') !== -1) {
                var hash = $(this).data('fake-id');
                window.location.href = 'https://cprn.org/about-us/' + hash;
            }
        });
    });
    </script>
    <?php
} );

This checks whether the user is on a detail entry URL and redirects them back to the parent page with the correct tab hash instead of just appending it. Another thing that might help is to create a custom layout that you can apply to multiple pages.

— https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/
— https://kriesi.at/documentation/enfold/custom-element-templates/

Let us know how it goes

Best regards,
Ismael

Hey newki75,

Thank you for the update.

We were able to reproduce the issue on a fresh page using only the ALB editor, which means the problem is not related to the mixed editor usage or any custom shortcode. To proceed, we will need access to your server via S/FTP. Please provide the login credentials in the private field below.

Before we begin testing, please make sure you have a full site backup in place, as we may need to temporarily disable or modify files while investigating. Please confirm that the backup has been made before sharing the credentials.

Best regards,
Ismael

Hey thebusybee,

Thank you for the inquiry.

This looks like a plugin conflict issue causing the builder to not load correctly. Could you try disabling all plugins temporarily, then go to Enfold > Performance panel and disable the File Compression settings, purge your cache and test again.

If the issue persists, please share your login credentials in the private field so we can take a closer look.

Best regards,
Ismael

Hi,

Thank you for the update.

When you insert an image from the Media Library as background for a Color Section, make sure you select “Full Size” from the size dropdown before inserting it. The default selection is often a smaller cropped or resized version, which will appear soft or blurry when stretched to fill a full-width section.

Please give that a try and let us know if the image looks sharper after switching to full size.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Regarding the logo shrinking on smaller screens and the burger menu/search icon overlapping, you can add the following css to Enfold > General Styling > Quick CSS field:

@media only screen and (max-width: 1290px) {
  .responsive #top .logo img {
    max-width: 62%;
  }

  #avia-menu {
    margin-right: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top .logo img {
    max-width: 35%;
  }
}

Adjust the max-width value as needed to fit your logo within the header. Please make sure to purge the cache before testing.

Let us know if the issue persists.

Best regards,
Ismael