Hi,
Thanks for the login, and I’m glad this this helped you, although I would recommend using a custom ID so that the css only changes the image in the element that you wish and not in other elements in your site. If you add the custom ID: section-mobile-bg then your new css would be:

@media only screen and (max-width: 767px) { 
#section-mobile-bg.avia-section .av-parallax .av-parallax-inner {
    background-repeat: no-repeat;
    background-image: url(https://hauptwerk-zt.at/wp-content/uploads/2024/01/rendering1_smartp.jpg);
    background-position: 0% 50%;
}
}

As for your last question about stretch to scale, you didn’t say if you wanted this for the desktop or mobile, the element settings will only work for the desktop because you are using css to replace the image on mobile, so for mobile you would need to add a css rule.
But when I check it doesn’t look like it is needed for desktop or mobile because in both cases the whole image is shown.
Perhaps a screenshot of what you are seeing and further explanation would help

Best regards,
Mike

Hey aiyonabogados,

The update to 5.6.9 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 files like it was a new installation 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 mediafacto,

Thank you for the inquiry.

The ajax portfolio container doesn’t resize correctly on mobile view because of this css code.

.page-id-4808 .portfolio-preview-content {
    width: 66.6%;
  }

To fix this, please replace the css with this code.

@media only screen and (min-width: 989px) {

  /* Add your Desktop Styles here */
  .page-id-4808 .portfolio-preview-content {
    width: 66.6%;
  }
}

Best regards,
Ismael

Hey Anouk,

Thank you for the inquiry.

Did you add any css modifications to the site? To override the current styles, please add this code.

#top .avia_ajax_form .form_element_half {
    margin-left: 5.5% !important;
    width: 47%;
}

#top .avia_ajax_form .form_element_half:first-child {
    margin-left: 0 !important;
}

Best regards,
Ismael

Hey whdsolutions,

Please try the following in Quick CSS under Enfold->General Styling:

#top #wrap_all .all_colors h2 {
    width: 100%;
    min-width: 100%;
}

Best regards,
Rikard

Hi,

Great, I’m glad that you found a solution, and thanks for sharing. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that you found the problem. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

You can add this css code to hide the overlay on hover.

#top .av-caption-style-overlay .av-masonry-item-with-image:hover .av-inner-masonry-content {
    background: transparent;
}

Best regards,
Ismael

Hey ausgesonnen,

Thank you for the inquiry.

Did you any modifications for the header? To remove the other burger icon, you can try this css code.

#top #header .av-logo-container .av-main-nav > li.av-burger-menu-main {
    display: none;
}

Best regards,
Ismael

Hi,

@northorie: Have you tried adding the css code that @Guenni007 provided above? We will post it again below. If you need further assistance, please open another thread, provide the site URL and post a screenshot. We will close this thread for now.

@media only screen and (min-width: 990px) {
  #top .flex_cell.responsives-verhalten.nebeneinander  {
    background-attachment: scroll;
    padding: 0 !important
  }

  #top .flex_cell.responsives-verhalten.nebeneinander .flex_cell_inner {
    height: calc(56.25vw / 2) !important;
  }
}

Best regards,
Ismael

Hi,

Thank you for the info.

To adjust the padding of the Color Section, please edit the element, go to the Layout > Margins & Padding section, then set the Section Padding settings to No Padding.

You can also add the following css code to adjust the default section padding but this modification will be applied across the site.

.content {
    padding-top: 0;
    padding-bottom: 0;
}

.avia-testimonial-wrapper {
    margin: 0;
}

Best regards,
Ismael