Hey Kati17,

I see that you are running an old version of the theme, could you try to update to the latest version (7.1.1) to see if that helps please? The update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,
Try this CSS instead in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia_desktop #top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey laptophobo,

Which PHP version are you using?

Best regards,
Rikard

Hi,

We’re unable to reproduce the issue, but the css modification should prevent the lightbox containers from wobbling while swiping. You can also try this css:

#top .mfp-wrap {
    overflow: hidden;
    touch-action: none;
}

Let us know the result.

Best regards,
Ismael

Hey dburton77,

Thank you for the update.

We may need to access the site to properly check the issue. We didn’t find any site information in the previous thread.

— https://kriesi.at/support/topic/google-analytics-loaded-in-footer/

You can remove the code to relocate the tracking script to the footer, which is the default placement.

Best regards,
Ismael

Hey Katy Maurer,

It should likely not change anythings, but I would advise that you update on a staging site first to check the results there first. If that is not a possibility for you, then make sure that you keep backups of your current site in case you should have to restore it. Once you are ready to update then the update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hey Gianluca,

Go to Apperance->Menus, then click Screen Options in the top right hand corner. Select to show Description in that menu.

Best regards,
Rikard

Hi,

Thank you for the screenshot. We initially thought the first section contained a static image. To adjust the size of the video, try to add this css code.

#top .avia-video .mejs-container, #top .avia-video .mejs-container video {
    object-fit: cover;
}

View post on imgur.com

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,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

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.

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

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

Hey cnpetr,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .slide-entry {
        width: 100%;
    }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike