Hi,

You’re welcome! Glad we could help. Please open a new thread if you need anything else.

Best regards,
Ismael

Hi,

Do you have a test page with the cloned section? What is the size of the image? Please resize it based on the standard mobile screen sizes.

// http://gs.statcounter.com/screen-resolution-stats/mobile/worldwide

Best regards,
Ismael

Hi,

Enable the the custom css class field so that you can target the social icons or the columns containing them:

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Edit the first column in the row, set the “Equal Height Columns” to the first option and add a unique class attribute to the social icon columns. You can then use that selector or class attribute to adjust the width of the columns on mobile view. Example:

.social-columns {
   width: 31%;
   float: left;
}

Best regards,
Ismael

Hi,

I’m sorry but we don’t hand in that kind of information here. Please disable the security block momentarily or allow access for specific countries. You can find us here:

// https://kriesi.at/about

We usually respond within 24 hours during weekdays but you may need to wait for a while when you open a request right before the weekends.

Again, you should contact the plugin authors because they are more familiar with their plugin.

Best regards,
Ismael

Hi,

The contact form’s security question is quite easy to bypass, so it’s up to you, the site owner, to add more security measures to protect your site from spammers and hackers alike. Adding a reCAPTCHA widget to the contact form should help. You can use this plugin:

// https://github.com/KriesiMedia/enfold-library/tree/master/customizations/enfold-recaptcha

You should also install an all-in-one security plugin such as Sucuri or Wordfence to fend off malicious attempts.

Best regards,
Ismael

Hi,

Is the site down? It’s not loading properly on my end.

Best regards,
Ismael

Hi,

Sorry about the delay. You can use this css code to change the overlay to “play” icon.

a[rel="wpvideo-lightbox[iframes]"] .image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: '\25B6';
    font-family: 'entypo-fontello'; 
}

Best regards,
Ismael

Hey Oliver,

Thank you for using Enfold.

1.) Are you referring to the related product section?

2.) Use this css code to remove the categories:

.product_meta {
    display: none;
}

3.) And add this one to remove the second heading.

#top .woocommerce-tabs h2 {
    display: none;
}

Best regards,
Ismael

Hey CityofSoldotna,

Thank you for using Enfold.

I don’t see the issue in the home page. The hotspot elements inherit the width of the columns. Please provide a screenshot of the issue.

Best regards,
Ismael

Hi,

Awesome! Glad we could help. Have a nice day. :)

Best regards,
Ismael

Hi,

Alright. Let us know if you need anything else.

Best regards,
Ismael

Hi,

You have to edit the html and remove this inline style:

 display: inline-block;

Best regards,
Ismael

Hi,

I’ll try to integrate V3 on it but I don’t think this is going to be a part of the core because Kriesi thinks that it will create more complexity for a lot of users. It may take a while but I will leave an update once it’s available.

Best regards,
Ismael

Hi,

There’s a minor error in the console. Please look for this line:

const button = slide.querySelector('.avia-slideshow-button');

Replace it with:

let button = slide.querySelector('.avia-slideshow-button');

Best regards,
Ismael

Hi,

I modified the code a bit. It is working properly now.

Best regards,
Ismael