Hey BlutVampir,

Thank you for the inquiry.

We were not able to reproduce the issue on our end, so it’s probably caused by a third-party plugin or a custom modification to the theme. Please create a test page and provide the login details in the private field so we can check the issue further.

Best regards,
Ismael

Hey John,

Thank you for the inquiry.

There is no dedicated video tutorial for the dynamic content and custom layout, but this documentation should help.

— https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content

Mike also created a few articles that should explain how to utilize ACF fields on custom layouts.

— https://savvyify.com/dynamic-content-custom-page-layouts-and-acf/
— https://savvyify.com/acf-custom-fields-in-woocommerce-products/

Let us know if you need more info.

Best regards,
Ismael

Hi,

The addition of the class first_form when the empty line is present is expected since the third form field (phone) is technically the first field in the new row. The empty line counts as a field, at least in how it’s rendered in the document, so the layout works as follows: first row – 1/2 field (email) + empty line; second row – 1/2 field (phone). This can be avoided by removing the empty line and using it only before or after full-width elements.

If you need to force the phone field to stay in the second row even when there’s an empty line in between, try adding this css code:

#top .avia_ajax_form p#element_avia_2_1, #top .avia_ajax_form p#element_avia_4_1 {
    clear: none !important;
    float: left;
    margin-left: 0;
}

#top .avia_ajax_form p#element_avia_4_1 {
    margin-left: 1%;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We’re not entirely sure what you mean by “Java Console”. Could you kindly clarify or share a screenshot to help us understand better?

Best regards,
Ismael

Hi,

Thank you for the short clip.

Try to include this css code to prevent the document from shifting while navigating the lightbox.

.responsive .mfp-zoom-out-cur {
    overflow: hidden;
}

Best regards,
Ismael

Hi,

On smaller screens, you could adjust the width of the grid items to make sure they don’t split into four columns and become unnecessarily tall compared to the aspect ratio of the images.

@media only screen and (max-width: 1024px) {

  /* Add your Mobile Styles here */
  .avia-icon-grid-container.av-mb13nabo-2b6695789b3fe0e5c148dc94e76998ee li.av-icon-cell-item {
    flex-basis: calc(50% - 18.75px) !important;
  }
}

Result:

Try toggling the previous css from “contain” to “cover” and see which one works best for your layout.

Best regards,
Ismael

Hi,

Sorry for the delay. Yes, you can create a custom layout and use dynamic content to display specific information about the portfolio items, instead of manually adjusting the template for each item. It’s also true that this approach could be more optimal for the database as it avoid saving and retrieving unnecessary data from the portfolio items.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like you’ve already detached the title from the image as suggested — it does look better now. Have you tried adding the css we recommended earlier? It will force the image to display fully but the layout might look slightly off if the flipback content is taller than the image.

#top .avia-icon-grid-container .avia-icongrid-flipbox .avia-icongrid-wrapper .avia-icongrid-front.bg-img:before {
    background-size: contain;
}

Best regards,
Ismael

Hi,

Have you tried placing it in a different location, not between the rowed or columned elements? Do you notice any changes? What we’re trying to explain is that the empty line should remain truly invisible, but placing it between rowed or columned elements could break the layout.

Best regards,
Ismael

Hey Tilman,

Thank you for the inquiry.

You can add the same html in the phone info field.

<div class="top-bar-content">
  <span class="content">
    <i class="fa rt-icon-placeholder2"></i> Süderquerweg 651 • 21037 Hamburg
  </span>
  <span class="content">
    <i class="fa rt-icon-telephone"></i>
    <a href="tel:+49407375020">+49 40 737 50 20</a>
  </span>
  <span class="content">
    <i class="fa rt-icon-3-time"></i> Mo. bis Fr. 7:15-18:00
  </span></div>

Then, add this css code to adjust the layout of the content:

.top-bar-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px; 
}

.top-bar-content .content {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px; 
}

.top-bar-content i {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 16px; 
  display: inline-block;
}

You may need to install the FontAwesome plugin to properly display the icons.

— https://wordpress.org/plugins/font-awesome/

Best regards,
Ismael

Hi,

You can use an image editor like Photoshop or any available online tool, then upload the images again to your media library. Let us know the result.

Best regards,
Ismael

Hi,

Yes, it’s only for print, but the empty line item still renders a blank space, breaking the markup of the rowed elements and splitting them. This is why we recommend to avoid placing empty lines between rowed or columned elements to prevent breaking the layout. Hope this clear things up a bit.

Best regards,
Ismael

Hey informacionyarte,

Thank you for the inquiry.

Please add this css code to hide the product sorting options in the shop page.

#top div .product-sorting {
    display: none;
}

Let us know how it goes.

Best regards,
Ismael

Hi,

We haven’t tested that, but we don’t see any reason why it wouldn’t work with these changes. Please feel free to reach out if you encounter any issues with the privacy options.

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

We noticed that the site has been heavily modified. What happens when you disable the customizations in the functions.php file and the shortcodes folder in the child theme? Try to temporarily disable the plugins as well and see if anything changes.

Best regards,
Ismael