Hi,

This is how the site looks on an actual mobile device, identical to the desktop view:

View post on imgur.com

Best regards,
Ismael

Hey Bpelzer,

Thank you for the inquiry.

Adding this css code should help move the copyright text below the image, but it will create a bit of extra space below the slider.

#presse .av-horizontal-gallery {
    padding-bottom: 120px;
}

#presse .presse-galerie .av-image-copyright {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding-top: 0;
}

#presse .presse-galerie .av-horizontal-gallery-wrap {
    overflow: visible;
    padding-bottom: 50px;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

We already set the width to 80px, but it seems to be overridden by the default styles. Try to replace the selector “.contact-form :is([type=submit], button:not([type=reset]))” with “#top #wrap_all .contact-form :is([type=submit], button:not([type=reset]))”.

Let us know the result.

Best regards,
Ismael

Hey faroestudio,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_posts_titles_from_h3_to_h2_in_grid_view() { ?>
  <script>
(function($) {
  $(function() {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('.slide-entry-wrap h3.slide-entry-title.entry-title ', '<h2></h2>');
  });
}(jQuery));
</script>
  <?php
}
add_action( 'wp_footer', 'change_posts_titles_from_h3_to_h2_in_grid_view', 99 );

If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.

Best regards,
Mike

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

Hey profumopuntoit,

Thank you for the inquiry.

You can add this css code to adjust the width and height of the SVG icons.

.responsive #top #wrap_all .menu-item-search-dropdown >a > svg {
    width: 24px;
    height: 24px;
}

.responsive #top #wrap_all #menu-item-shop .cart_dropdown_link .av-cart-container svg {
    width: 24px;
    height: 18px;
}

Let us know the result.

Best regards,
Ismael

Hey Katie,

Your site is running a very old version, so it needs to be updated. You can only purchase it at Themeforest, not directly from us. Once you have access to the theme files, 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

Hi,

Thank you for the update.

The desktop score is now 98, and 80 on mobile. CLS is now resolved, but there’s still an LCP issue, which now points to the text element below the first gallery. It will probably help to further reduce the size of the background image (kuechen-schmidt_edelstahl_footer-bg.jpg), which is still 43KB and larger than necessary. Optimizing the slider images such as kuechen-schmidt_stellenanzeige_Technischer-Koordinator_2406.webp (88KB), kuechen-schmidt_service-check_kundenzufriedenheit-1-300×150.jpg (32KB), along with the others would also help.

Best regards,
Ismael

Hey Tilman,

Thank you for the inquiry.

The overlay option is not available for the Easy Slider element by default, but you can recreate the same effect using this css code.

.avia-slideshow .avia-slide-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
}

Let us know if you need more info.

Best regards,
Ismael

Hey tonyiatridis,

Thank you for the inquiry.

To adjust the color of the testimonial arrow, please add this css code:

.avia-testimonial-arrow-wrap .avia-arrow {
    background-color: #c8cedd !important;
    border-color: #c8cedd;
}

The text or span element in the testimonial content has inline styling, so you’ll need to remove it in order to assign a different text color.

<span style="color: #808080;">“When it comes to customer service, Brookwood Construction is top notch.&nbsp; I have a great level of comfort knowing Brookwood is behind the wheel, driving the project to completion.”</span>

Remove this part:

 style="color: #808080;"

Let us know the result.

Best regards,
Ismael

Hi,

Glad to know it’s working. Regarding the class selector .dmci, it’s probably not working because it’s being overridden by css rules with higher specificity. You may need to adjust it and use more specific selectors. Please remove the previous css code, then replace it with this:

#top #header .av-main-nav > .dmci a {
    letter-spacing: 0.0em;
}

This might help: https://css-tricks.com/specifics-on-css-specificity/

Best regards,
Ismael

Hey Sven,

Thank you for the inquiry.

The LCP is the background image used in the header container (kuechen-schmidt_edelstahl_footer-bg.jpg). It’s 2000px in width and 46Kb in size, which is a bit heavy. We recommend significantly reducing the image size, make sure it’s compressed and preload it using the plugin below.

— https://wordpress.org/plugins/preload-lcp-image/

CLS could also be improved by limiting the height of the revolution slider on smaller screens, making sure it doesn’t shift the page while the slider is loading. Please add this css code:

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

  /* Add your Mobile Styles here */
  #top #main #revolutionslider_1 {
    max-height: 220px;
    overflow: hidden;
  }
}

Best regards,
Ismael