Hi,
Thanks, it doesn’t seem to interfere with the mobile behavior.

Best regards,
Mike

Hi,
Oh no, there are no silly questions, I hope that I didn’t sound like that, I was just saying where it came from.
Glad we were able to help and have a good weekend, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

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

.main_color input[type='submit'].wpcf7-submit:hover {
	background-color: #e94a3f;
    color: #ffffff;
    border-color: #c7281d;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
feel free to adjust to suit.

Best regards,
Mike

Hi,
This color is from your browser, you will alos notice that it occurs on your logo and burger menu icon, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to remove it:

.av-active-burger-items,
#header_main .logo,
#header_main .av-burger-menu-main {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.av-active-burger-items:focus,
#header_main .logo:focus,
#header_main .av-burger-menu-main:focus {
    outline: none !important;
}

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

Best regards,
Mike

Hey Julie,
Thank you for the link to your site, first I added the custom class click-to-close to your flipbox

Then I added this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_click_to_close_flipbox_script() { ?>
  <script>
jQuery(document).ready(function($) {
    $('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').hover(
        function() {
            var $flipback = $(this).find('.avia-icongrid-flipback');
            // Check if the transform is rotateY(0deg)
            if ($flipback.css('transform') == 'matrix(1, 0, 0, 1, 0, 0)') {
                $(this).addClass('avia-hover');
                console.log('avia-hover class added');
            }
        }
    );

    // Function to handle clicks outside the element
    $(document).on('click', function(event) {
        if (!$(event.target).closest('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').length) {
            $('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').removeClass('avia-hover');
            console.log('avia-hover class removed');
        }
    });

    // Prevent clicks inside the element from triggering the document click handler
    $('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').on('click', function(event) {
        event.stopPropagation();
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_click_to_close_flipbox_script', 99 );

Now when you hover over the flipbox and it flips the class avia-hover is added to it so that it won’t flip back, until you click outside of the element, in which the class is removed.
please clear your browser cache and check.

Best regards,
Mike

Hey Advantage09,
Please see the theme options at Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings
you can set the default sizes

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field, it will make the icon larger and center vertically:

.iconbox_left .iconbox_content {  
	display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  grid-auto-columns: auto 1fr;
  gap: 0px 0px;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
}
.iconbox_left .iconbox_content .entry-content-header .iconbox_icon {
    height: 60px;
    width: 60px;
    font-size: 40px;
    top: 0;
    left: 0;
    align-content: center;
}
.iconbox_left .iconbox_content .entry-content-header {
  justify-self: center;
}
.iconbox_left .iconbox_content .iconbox_content_container p {
	margin-top: 0;
}

Best regards,
Mike

Hi,
Thank you for your patience your social media icons in the footer were hidden due to this css in your Quick CSS, I removed it for you

Please clear your browser cache and check.
I didn’t find any issues with your cookie consent, when I click “accept” it hides.

Best regards,
Mike

Hi,
You will see that those items are from two of your plugin when you examine the file path:
/wp-content/cache/fvm/
/wp-content/plugins/ewww-image-optimizer/
and the last one is your google tag manager, so you will probably want to leave all of these as is, since you already stated that your site is even slower without these plugins.

Best regards,
Mike

Hey ajaxkls,
Thank you for your patience, I checked your site on Mac in Safari and the mp in the sidebar played correctly, I double checked in Windows and it played the same.
I only have a Mac desktop, are you seeing this error on a mobile device?
I know that some iPads & iPhones can not update their Safari browsers, try posting your device model and the device Safari version number so we can try to reproduce the error.

Best regards,
Mike

Hi,
It can cause a conflict, sometimes this is seen, if you notice an error try disabling it.

Best regards,
Mike

Hi,
This is true, I also found that the artificially throttle the scroces to 3g, which is much lower that most users.
Since this is not a theme issue shall we close this thread then?

Best regards,
Mike

Hi,
Thank you for your patience, when I check your page as mobile the image src is 260px 153px

the other image sizes are in the srcset, which a available sizes for larger screens, so in this case the correct image size has been picked.
When I test in lighthouse, it only tests the full image size even though the correct image height & width is there 260px 153px
I researched this and found many comments like this, in this thread the lighthouse code serves up to 3x the image size in the test, and looks like they recommend changing it.
So since we can see that the correct image is the src image, this looks like a error in the lighthouse test. The only recommend that I found was to use a tag for the test to work correctly, but this would not be effective just for the test.

Best regards,
Mike

Hi,
Unfortunately this is not an option.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike