Hey biotechz,

Thank you for the inquiry.

We are not really sure what is causing that issue but the following thread might help. The user asked if the search icon can be removed completely from the main menu, but since you are using a search widget, you may need to manually remove it from the Appearance > Widgets panel.

// https://kriesi.at/support/topic/remove-nofollow-from-search-item-of-main-menu/

Another thing that you could do is to disallow crawling on pages with a specific parameter, which might be the more reasonable solution. You can set this rule in your robot.txt file.

Disallow: /*?s=*

// https://developer.mozilla.org/en-US/docs/Glossary/Robots.txt

Best regards,
Ismael

Hey Dundee,

What you will see is that the slider is behind because of the animation

Sorry for the delay. It might not be due to the slider animation completely, the image might have to be compressed a little bit more or you might have to improve the overall loading speed of the site to improve the Largest Contentful Paint score. Unfortunately, we cannot disable the slider animation because this is the function that toggles the visibility of the slider items. If that animation is disabled, all items in the slider will display at once. And yes, using the Image element or a static image instead of the slider should improve the score. You can also use the color section and apply the image as background.

To learn more about site optimization, please check the following articles.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.html

Best regards,
Ismael

Hey beyond-flora,

Thank you for the inquiry.

You can pull or push an element by applying a custom margin to it. For example, to pull the second image to the left in the page above, you can use this css code.

.avia-image-container.av-kzeaghl3-a6e92917bbdb004515dac8f8c0d8dea3 {
    margin-left: -100px;
}

You can use the autogenerated class name (av-kzeaghl3-a6e92917bbdb004515dac8f8c0d8dea3) above, but you can also apply a custom css class name or ID to the elements in order to style them directly. The custom css class name and ID field is in the elements’ Advanced > Developer Settings toggle.

Best regards,
Ismael

Hi,

No problem. Glad to know that it is now working correctly. Please do not hesitate to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

Did you check the Enfold > Privacy & Cookie options? It is possible that the Cookie Handling > Default Cookie Behavior is set to the third or option, which blocks Google fonts by default. You might have to set the cookie behavior to the first or second option first or disable the cookie consent bar completely.

Best regards,
Ismael

Hi,

Thank you for the update.

The product title is already an h1 element. You can check its actual html below.

<h1 class="product_title entry-title">Update abonnement | 1 jaar</h1>

Best regards,
Ismael

Hi,

but it would be great if an option to freeze a background video

That sounds cool but unfortunately, that option is not yet included in the list of upcoming features. You might have to use the layer slider for now or create a script using the HTML media element API that we linked above.

If you would like to check the current playback time, listen for the timeupdate event.

// https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/timeupdate_event

Best regards,
Ismael

Hi,

Thank you for the info.

We were not able to reproduce the issue on our end either, using Firefox Dev on Windows 10. We tried it multiple times, cleaned the cache, add the products and everything worked as expected. Have you tried disabling the plugins temporarily, or have you tried checking it using another device or computer?

Best regards,
Ismael

Hi,

Thank you for the update.

They are already side by side on desktop view, so we created a new css media query to adjust the icons on mobile view. Did you try the css code above?

What I am supposed to add where you wrote “/* Add your Mobile Styles here */”?

That is a css comment. You can remove it if you want.

Best regards,
Ismael

Hi,

Glad to know that it is displaying correctly now. It might need a few adjustments but we are quite sure that you can handle it. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

You can actually set the Testimonial element to display as a slider. Please edit one your testimonial elements in the builder, then look for the Testimonial Style settings in the Styling tab.

Best regards,
Ismael

Hi,

Thank you for the update.

Two parameters are accepted in the posts_orderby filter, the $orderby and the $query parameters. Have you tried checking the value of the $query parameter? The masonry elements should have a slight difference in their query, so maybe you can use that difference in combination with the is_page function to create a logic in the filter.

// https://developer.wordpress.org/reference/hooks/posts_orderby/

Best regards,
Ismael

Hi,

Thank you for the access.

We adjusted the css code in the Quick CSS field and temporarily disable the file compression settings. The cart page should now look exactly the same as the screenshot above. Please make sure to purge the cache before checking the page on mobile view.

This is the updated code in the Quick CSS field.

/* Kreditkartenfeld responsive */
@media screen and (max-width: 767px) {
  .woocommerce table.shop_table thead {
    display: none;
  }

  .woocommerce table.shop_table td {
    display: block;
    text-align: right !important;
    border: 0px;
  }

  .woocommerce table.shop_table td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }

  .woocommerce table.shop_table_responsive thead,
  .woocommerce-page table.shop_table_responsive thead {
    display: none;
  }

  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }

  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: right !important;
  }

  #top #payment div.form-row {
    padding-left: 0px !important;
  }

  /* Target the Credit Card */
  #stripe-card-element {
    width: 200px !important;
    margin-left: -20px;
  }

  /* Target the Expiry Date */
  .woocommerce-checkout-review-order #stripe-exp-element {
    background: #ffffff !important;
    margin: 5px 0px !important;
    padding: 10px 5px !important;
  }

  /* Target the CVC Code */
  .woocommerce-checkout-review-order #stripe-cvc-element {
    background: #ffffff !important;
    margin: 5px 0px !important;
    padding: 10px 5px !important;
    margin-left: -20px;
  }

  .responsive table.shop_table.cart .product-thumbnail {
    display: block !important;
  }

  .woocommerce .shop_table .woocommerce-cart-form__cart-item td::before {
    display: block;
  }

  .responsive #top table .product-name,
  .responsive #top table .product-price {
    border-color: #c4c4c4;
  }

  .woocommerce-cart-form__cart-item {
    border-bottom: 1px solid;
  }

  .woocommerce .shop_table .woocommerce-cart-form__cart-item .product-price::before,
  .woocommerce .shop_table .woocommerce-cart-form__cart-item .product-name::before {
    display: block;
  }

  .woocommerce .shop_table .woocommerce-cart-form__cart-item.actions::before {
    displaY: none;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

The code above is not working because $author_id does not exist. You have to assign a value to that variable or just replace this block..

$nameid= get_the_author_meta( 'ID', $author_id); 
$name= get_the_author_meta( 'display_name', $author_id); 

.. with:

$nameid = get_the_author_meta( 'ID' ); 
$name = get_the_author_meta( 'display_name' ); 

To get the ID of the author and assign it to $author_id, try this code.

$author_id = get_post_field( 'post_author', get_the_ID() );

Best regards,
Ismael

Hey mocreate,

Thank you for the inquiry.

Have you tried using the Featured Image Slider from the Media Elements tab of the builder? You should be able to display a post as a full width slider using this element.

Best regards,
Ismael