Hi,

Try to add this css code:

.responsive #top #wrap_all .av-layout-grid-container.av-5enyt3-e3a17494e866bcf05416abe291c1d6a0 {
    display: flex;
}

.responsive #top #wrap_all .flex_cell.av-4hiz9z-633b1e0ab579d3c11a88073322c9de8f .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av-4hiz9z-633b1e0ab579d3c11a88073322c9de8f .flex_cell_inner .avia-image-container,
.responsive #top #wrap_all .flex_cell.av-4hiz9z-633b1e0ab579d3c11a88073322c9de8f .flex_cell_inner .avia-image-container div,
.responsive #top #wrap_all .flex_cell.av-4hiz9z-633b1e0ab579d3c11a88073322c9de8f .flex_cell_inner .avia-image-container div div,
.responsive #top #wrap_all .flex_cell.av-4hiz9z-633b1e0ab579d3c11a88073322c9de8f .flex_cell_inner .avia-image-container div div img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

If you need this applied to every grid row element using 1/2 + 1/2 layout, use this instead:

.responsive #top #wrap_all .av-layout-grid-container {
    display: flex;
}

.responsive #top #wrap_all .flex_cell.av_one_half .flex_cell_inner,
.responsive #top #wrap_all .flex_cell.av_one_half .flex_cell_inner .avia-image-container,
.responsive #top #wrap_all .flex_cell.av_one_half .flex_cell_inner .avia-image-container div,
.responsive #top #wrap_all .flex_cell.av_one_half .flex_cell_inner .avia-image-container div div,
.responsive #top #wrap_all .flex_cell.av_one_half .flex_cell_inner .avia-image-container div div img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Please looks for this line:

document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) {

Replace it with:

document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"], .av-image-hotspot .av-image-hotspot_inner').forEach(function(anchor) {

Let us know the result.

Best regards,
Ismael

Hi,

As mentioned in our previous replies, the LCP issue is caused by the home_background-keil.svg image or the first section. You’ll need to either reduce the size of the section or background image, or replace it entirely for mobile view.

After you installed the Preload LCP Image plugin, did you select the images to preload? Currently, home_background-keil.svg is not being preloaded. Reducing the file size of the image should also help — currently at 96.5 KB.

Best regards,
Ismael

Hey Russell,

Thanks for reaching out again.

We can now see the video and can confirm that the scroll animations in the old site can be recreated with Enfold. You can apply these animations to Column elements, and they should be automatically triggered on scroll. You can also utilize the Layer Slider plugin, which is natively included in the theme, to create hero sections or sliders.

Unfortunately, presale questions are one-time and can’t be continued like forum discussions. You will need to acquire a theme license and then use the purchase code to register an account on the forum.

— https://kriesi.at/support/register/

Once registered, you can open a thread using this form: https://kriesi.at/support/forum/enfold/#new-post

Let us know if there’s anything else we can help with.

Best regards,

Previous Reply:
============================================================================================================
Thank you for your interest in Enfold.

The videos are not accessible, so we’re not able to view them. In any case, the theme comes with built-in demo content, so you don’t need to start from scratch. You can simply import a demo and then incorporate your existing designs, images, and content to match what you have in mind. It’s very user-friendly, with plenty of customization options and a powerful Advanced Layout Builder where most of the content creation and site building will take place.

If you have any questions or need help with development, feel free to reach out to us here in the forum — we’re happy to help.

You can preview the available theme demos below.

— https://kriesi.at/themes/enfold-overview/

To help you get started, please check out the documentation.

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

Let us know if you have any more questions.
============================================================================================================

Best regards,
Ismael

Hi,

all grid lines became smaller

Do you mean the text is smaller or the lines around each grid cell?
The grid element is a full width element, so forcing it to be less than full width will change how it looks.
If you use a normal table you could place it in a column and achieve the width that you wish.
A image for small mobile devices may be best, but when I check your table for small mobile now it seems to work well, so maybe it will be fine?

Best regards,
Mike

Hi,

Thank you for the update.

The image home_backround-keil.svg is not being preloaded when we check the site, and its file size is still at 96.5 kB, which is relatively large for mobile view. Regardless, the performance score on mobile is now 91, and 95 on desktop. Have you tried using the Preload LCP Image plugin?

Best regards,
Ismael

Hi,

We adjusted the scroll position a bit.

const offsetPosition = elementPosition + 142;

Please try it again:

function av_hotspot_smooth_scroll() { ?>
  <script>
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) {
      anchor.addEventListener('click', function(e) {
        e.preventDefault();

        const targetID = this.getAttribute('href').substring(1);
        const targetElement = document.getElementById(targetID);

        if (targetElement) {
          const elementPosition = targetElement.getBoundingClientRect().top + window.pageYOffset;
          const offsetPosition = elementPosition + 142;

          window.scrollTo({
            top: offsetPosition,
            behavior: 'smooth'
          });

          history.pushState(null, null, '#' + targetID);
        }
      });
    });
  });
  </script>
<?php
}
add_action( 'wp_footer', 'av_hotspot_smooth_scroll', 99 );

Adjust the value 142 as needed.

Best regards,
Ismael

Hey goldengate415,

Thank you for the inquiry.

There is no native way to lazy load elements like color sections, unlike images, where you can control loading behavior using the loading attribute. It’s still possible to implement lazy loading using custom scripts, but it will not really improve performance and could even make it worse due to the added scripts. Unfortunately, it would require significant modifications to the theme that is beyond the scope of support. Thank you for your understanding.

Best regards,
Ismael

Hey icarogioiosi,

Thank you for the inquiry.

You can add this css code to move the title to the right of the image, position it at the top, reduce the font size, remove the borders, and add space below each portfolio entry. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache after adding the modification.

#top .isotope-item.special_av_fullwidth .inner-entry {
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
}

#top .grid-entry .inner-entry {
    box-shadow: none;
}

#top .isotope-item.grid-entry {
    margin-bottom: 20px;
}

#top .isotope-item.special_av_fullwidth .av_table_col .entry-title {
    margin: 0 0 20px;
    font-size: 16px;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey amollde,

Thank you for the inquiry.

We are not seeing any redundant links on the homepage. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey amollde,

Thank you for the inquiry.

Did you set the Logo and the Transparency Logo in the Enfold > Theme Options panel? Please make sure that both of these options have an image selected.

View post on imgur.com

You can also try this css code:

#top .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
    opacity: 1;
}

Best regards,
Ismael

Hey Munford,
I believe that we were working on the page at the same time, as it changed. Nonetheless, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function hotspot_smooth_scroll() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) {
    anchor.addEventListener('click', function(e) {
      // Prevent default jump
      e.preventDefault();
      const targetID = this.getAttribute('href').substring(1);
      const targetElement = document.getElementById(targetID);

      if (targetElement) {
        targetElement.scrollIntoView({
          behavior: 'smooth'
        });

        // Optionally update URL hash
        history.pushState(null, null, '#' + targetID);
      }
    });
  });
});
</script>
  <?php
}
add_action( 'wp_footer', 'hotspot_smooth_scroll', 99 );

Best regards,
Mike

Hi,
It looks like it’s working to me:

Best regards,
Mike

Hi,
I notice that the element save button is giving a javascript error and not working:

Try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict.

Best regards,
Mike