Hey envapk2,

Thank you for the inquiry.

This is possible but you have to directly modify the enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js > _prepareSlides function and adjust the condition located around line 215.

if( this.isMobile )

To check a tablet device, you can use the snippets provided in the following links.

// https://stackoverflow.com/questions/50195475/detect-if-device-is-tablet
// https://css-tricks.com/working-with-javascript-media-queries/

Best regards,
Ismael

Hi,

Thank you for the info.

The cpanel is not accessible for some reason. Please ask your hosting provider to generate an FTP account and provide it here in the private field. We will access the site and check the error once the FTP account is available.

Best regards,
Ismael

Hey StrategyDriven,

Thank you for the inquiry.

The icons are displaying correctly when we checked the site. We provided a screenshot below. Did you find the issue? Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache.

Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvxA8DOkP_jz0CSJ_M?e=TRdKCP

Best regards,
Ismael

Hi,

Glad to know that this has been sorted out. Please feel free to open another thread if you have questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

To add some space or margins between the first and second item, please try to add this css code.

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .flex_column:first-child {
        margin: 0;
        margin-bottom: 20px;
    }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Glad to know that this has been resolved. Regarding the product gallery, you can try the Gallery element from the Media Elements tab, set the Styling > Gallery Style to the second option (Big image with thumbnails below), then adjust the Thumbnail Columns.

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

Hi,

Thank you for the update.

We tried to access the site but the login account above seems to be invalid. Please check the login info or provide another login account.

Did you add any html in the page? Please make sure that all tags are closed properly, else it can break the builder shortcodes and remove parts of the content.

Best regards,
Ismael

Hey bernhardk3,

Thank you for the inquiry.

The site is asking for an .htaccess authentication. Please provide it in the private field along with the WordPress login info. We will check the issue again once the info is available. For the meantime, please enable the debug mode and the error log so that we can check for more errors.

// https://wordpress.org/support/article/debugging-in-wordpress/#example-wp-config-php-for-debugging

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried adjusting the top and left position of the iframe element in this css rule?

.flex_cell.av-with-video .flex_cell_inner .avia-video .avia-iframe-wrap iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

You can also adjust the value of the translate function in the transform property.

// https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate

Best regards,
Ismael

Hey HulaSlim,

Thank you for the inquiry.

Did you add this css code?

.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-size: 100vw 100vh !important;
    background-repeat: no-repeat !important;
}

The css forces the slides to inherit the width of the browser screen, which distorts the images. Please remove the css code, then toggle or temporarily disable the Enfold > Performance > File Compression settings. Purge the cache, then hard refresh the page.

Best regards,
Ismael

Hi,

Thank you for the update.

We got the same result when we tested the checkout page on an Apple laptop using a Chrome browser, got a few errors from the Stripe API but it might not be related to the issue at all. Please check the screenshot below.

Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvxA2Op-vNsA1Q23T6?e=0RPWm2

These are the errors from the Stripe API.

api.stripe.com/v1/sources:1          Failed to load resource: the server responded with a status of 400 ()
api.stripe.com/v1/sources:1          Failed to load resource: the server responded with a status of 400 ()

Would you mind providing a short clip or a screenshot? You can use imgur, savvyify or dropbox. Thanks.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this filter to change the placeholder and label values of the order comments field.

function avf_custom_woocommerce_checkout_fields( $fields ) 
{
    $fields['order']['order_comments']['placeholder'] = 'Commentaires concernant votre commande: ex. informations ou demandes spéciales concernant votre visite guidées';
    $fields['order']['order_comments']['label'] = 'Notes de commande (facultatif)';

    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'avf_custom_woocommerce_checkout_fields' );

Best regards,
Ismael

Hi,

When you write «we are able to reproduce the issue there», do you mean on your own test site?

We tested everything in the dev site that you provided above but we forgot to provide a link. Did you remove the private test page above? It redirects to 404 and we can’t find the test page that we created earlier.

Have you tried recreating the page from scratch, adding a single element and updating each time? This is a bit inconvenient but this will allow you to catch the offending element if there is any. We still don’t know why youtube is posting those requests though. Is this only happening in this page?

{“@type”:”ImageObject” I don’t know if this can cause YouTube requests:

Those are schema objects added by Yoast which should not generate the requests.

Best regards,
Ismael

Hey James Barrell,

Thank you for the inquiry.

This is still possible with the Grid Row element and a Video element. Edit the cell containing the video element, apply a custom css class name to it (e.g “av-with-video”), then add this css code to resize the cell and expand the video in order to cover the cell completely.

.flex_cell.av-with-video {
  padding: 0;
}

.flex_cell.av-with-video .flex_cell_inner {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.flex_cell.av-with-video .flex_cell_inner .avia-video, .flex_cell.av-with-video .flex_cell_inner .avia-video .avia-iframe-wrap {
  width: 100%;
  height: 100%;
  display: block;
}

.flex_cell.av-with-video .flex_cell_inner .avia-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.flex_cell.av-with-video .flex_cell_inner .avia-video .avia-iframe-wrap iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

Best regards,
Ismael

Hey!

Thank you for the update.

The subtext is already there but it is right below the logo outside the header container. To adjust its position, please add this css code.

span.subtext.avia-standard-logo-sub {
    position: absolute;
    display: block;
    opacity: 1;
    top: 100px;
    left: 200px;
}

Regards,
Ismael