Hey PopCut,

Thank you for the inquiry.

The section on the left is actually considered the header, not the sidebar with the widgets. Unfortunately, there’s no available option to hide it on specific pages, but it can still be done with custom css. If you can share the pages where you want the logo and main menu hidden, we’ll help you with the right css changes.

Best regards,
Ismael

Hi,

Try to include this css code to disable the external link overlay.

#top .image-overlay.overlay-type-extern {
    display: none !important;
}

Let us know the result.

Best regards,
Ismael

Hi,

When the screen is like 1100px wide,

In the recent css code that we provided, try to adjust this line:

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

Set the max-width value from 1024px to 1366px.

Let us know the result.

Best regards,
Ismael

Hey barberajohn,

Thank you for the inquiry.

Have you tried using the Color Section element as a separator with a custom background color and height? Set the Section Height > Section Minimum Height to Minimum Custom Height in Pixel, specify the height value in the Section Minimum Custom Height In px field, then adjust the Styling > Background Colors > Custom Background Color.

Let us know how it goes.

Best regards,
Ismael

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