Hey mbautz,

Thank you for the inquiry.

Looks like the slider is hidden on mobile view. If you still need to adjust the size of the buttons, try to use this css code.

@media only screen and (max-width: 767px) {
#top #wrap_all .avia-slideshow-button, #top .avia-button, .html_elegant-blog .more-link, .avia-slideshow-arrows a:before {
    max-width: 50%;
    font-size: 13px !important;
}
}

Best regards,
Ismael

Hey floka168,

Thank you for the inquiry.

Did you switch the editor to the advance layout builder (ALB)? The featured image will not display automatically when ALB is active. You have to manually insert an Image element or a Slider from the builder to display an image in the portfolio page. If the classic or default editor is active, the featured image should display automatically.

Best regards,
Ismael

Hey pachnerweb,

Thank you for the inquiry.

Angular is a completely different theme from Enfold, so you cannot just export the theme options from one another and transfer the pages. You may have to reconfigure the site from scratch and completely rebuild it from the ground up. The good news is, Enfold has its own Advance Layout Builder, so creating different page templates or layouts from scratch is a breeze, saving you time in the long run, and not to mention the continued support.

Best regards,
Ismael

Hi,

Thank you for the info.

Are you using an image optimization plugin, or any plugin that adds responsive options to the images? Please try to disable the plugin temporarily and see if anything changes. And post the login details in the private field so that we could check the site further.

Best regards,
Ismael

Hi,

Thank you for the update.

The code above should be added in the functions.php file, not in a code block. Please remove all the code blocks containing the script and use the script above instead. You have to put it in the functions.php file.

Best regards,
Ismael

Hi,

Thank you for the update.

We do not remember adding that css code, but you can try adding it in the other languages’ General Styling > Quick CSS field, or in the child theme’s style.css file. To see the changes in the front end immediately, make sure that the Performance > File Compression settings for all languages are disabled or make sure to toggle it. And please purge the cache and do a hard refresh before checking the page.

Best regards,
Ismael

Hi,

What you see in the screenshot below is the value of the Shop Description field, and it can be edited in the Enfold > Shop Options panel.

Screenshot: https://imgur.com/a/FvuyqMO

If you want to see the title there, just edit the Shop Description and place the actual title of the shop page.

For the archive pages, if you want to include the category title there, try to modify the enfold/config-woocommerce/config.php file, look for the avia_woocommerce_parallax_banner function and around line 1180, look for this code.

if($description) $output .= "".$description."";

Replace it with:

$output .= "<h1>".get_the_archive_title()."</h1>";
if($description) $output .= "<p>".$description."</p>";

Best regards,
Ismael

Hi,

Thank you for the info.

We tried to access the site but it is not loading properly. Is the site down? Please disable the security plugin temporarily or configure the firewall. Or let us know when the site is up again.

Best regards,
Ismael

Hey eleonorabienno,

Thank you for the inquiry.

Are you still using the Instagram widget? If not, then you can safely delete the avia_instagram_widgets_cache entry from the database.

If you want to delete the entry, add this code in the functions.php file.

function avf_instagram_disable_cron() {
	return false;
}

add_action('wp_head', function() {
	delete_option('avia_instagram_widgets_cache');
});
add_filter('avf_instagram_activate_cron', 'avf_instagram_disable_cron', 10); 

Purge the cache or disable the cache plugin temporarily, then refresh the page a few times. Delete the snippet above afterwards.

IMPORTANT: Please make sure to create a site backup first before doing the steps above.

Best regards,
Ismael

Hi,

Thank you for the update.

How did you translate the pages? Did you translate the images to other languages? If the media files are not yet translated, please check the following documentation.

// https://wpml.org/documentation/getting-started-guide/media-translation/

Best regards,
Ismael

Hi,

Thank you for opening another thread. Glad to know that you were able to improve the site performance.

As we have discussed in the previous thread, major contributors to the layout shift in the home page are the ads. They are dynamically created and inserted on page load, causing the elements below them to shift or adjust.

Screenshots: https://imgur.com/iqhf8s4, https://imgur.com/vF3wdci

I believe you have already fixed this by defining the height of the element where the ads are supposed to be added to.

Best regards,
Ismael

Hi,

Thank you for the update.

Lazy loading actually increases layout shifts in the page, specially when the dimension (width and height) of the elements are not defined. To prevent layout shifts caused by the slider, you may need to define the height of its parent container, in this case the column element, to prevent the elements from shifting when the slider finally loads.

You can add custom css to do that.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hey mattb1169,

Thank you for the inquiry.

Are you using the Gallery element from the Advance Layout Builder? If yes, then you can use this css code to adjust the width of the gallery items on mobile view.

@media only screen and (max-width: 767px) {
    #top #wrap_all .avia-gallery .avia-gallery-thumb a {
        width: 100%;
    }
}

Please note that the css above will affect every gallery in the site and if you want to only apply it to a specific gallery, apply a custom css class or ID to the element and use that instead of the generic gallery selector (.avia-gallery).

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The 3rd and 4th heading row is missing because for some reason, a new line is created before the closing single straight quote of the 3rd column’s content property.

<style type="text/css">.avia-table-2 td:nth-of-type(0):before { content: 'Spezifikation'; } .avia-table-2 td:nth-of-type(1):before { content: 'SVTM1200CNC'; } .avia-table-2 td:nth-of-type(2):before { content: 'SVTM1600CNC'; } <strong>.avia-table-2 td:nth-of-type(3):before { content: 'SVTM2000CNC
'; }</strong> .avia-table-2 td:nth-of-type(4):before { content: 'SVTM2500CNC'; } </style>

The issue starts here..

.avia-table-2 td:nth-of-type(3):before { content: 'SVTM2000CNC
'; }

To fix the issue temporarily, try to use this css code.

@media only screen and (max-width: 767px) {
  .page-id-5788 .avia-table-2 td:nth-of-type(0):before {
    content: 'Spezifikation';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(1):before {
    content: 'SVTM1200CNC';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(2):before {
    content: 'SVTM1600CNC';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(3):before {
    content: 'SVTM2000CNC';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(4):before {
    content: 'SVTM2500CNC';
  }
}

Best regards,
Ismael

Hey Eduardo,

Thank you for the inquiry.

Where can we see this issue? Did you modify the register-portfolio.php file? Please post the site URL in the private field so that we could check the issue properly.

You could also disable the debug mode to temporarily hide those warnings. In the wp-config.php file look for the WP_DEBUG and WP_DEBUG_DISPLAY constants and set them to false.

define("WP_DEBUG", false);
define("WP_DEBUG_DISPLAY", false);

Best regards,
Ismael