Hi,
When I check I don’t see a date, try clearing your browser cache:

Best regards,
Mike

Hi,
You have this PHP code in your Quick CSS breaking the css below it:

I moved the css to the top and now it works:

but you should still remove the PHP code and add it to your WPcode plugin as a PHP snippet, unless you already did.

Best regards,
Mike

Hi,
Thanks for your patience, currently your menu has three rows which are separate div’s and there is not a way to span them so the image can be centered into all three:

Try adjusting it so you have one row with the three headings and the image and add the links under them like in your example site:

this should make the image larger and centered.

Best regards,
Mike

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

#top #wrap_all .avia-fullwidth-portfolio #js_sort_items .text-sep {
  color: transparent !important;
}

Best regards,
Mike

Hi,
OK, please add the image to the correct mega menu using the documentation: Add Images to mega menu and then we can try to help adjust with css like you example image.

Right now I don’t see any of your mega menu items in this format, they seem to be using title headings:

you will need to adjust so you only have three columns and the fourth one for the image:

Best regards,
Mike

Hi,
On the homepage the icons are using the default “entypo-fontello” font icons:

but on your linked inner page you seem to be using a custom icon font called “numbers”

Please post your custom icon font zip file here so we can test, perhaps this is not the correct icon font format.

Best regards,
Mike

Hi,
For the sidebar on product pages see this thread.
For category pages add your widget to the Shop Overview Page widget

Best regards,
Mike

Hey Diana,
The data is hosted on your site and is GDPR Compliance, see this thread.

Best regards,
Mike

Hi,
Glad we could help, for the Scroll Snap I recommend trying a plugin, this is not a Enfold feature and I have not tested any specific plugins to achieve this.
If you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.

Best regards,
Mike

Hey Stefan,
Please note that when you first land on the page your header is transparent, so the header doesn’t calculate into the color section 100% height, but after you click the down arrow or scroll the header is visible so the height of the header counts.
I changed the following color sections to 85% and now all of the down arrows show, you can try other settings link 87% if you like to get the exact view to wish.

Best regards,
Mike

Hi,
Your screenshot is still password protected, please try a different Screenshot service
also provide a admin login so we can check the backend.
It looks like you are using some custom css for the first table:

@media only screen and (max-width: 767px) {
    #top #after_section_1 .avia-table-1 th, 
    #top #after_section_1 .avia-table-1 td {
        display: table-cell;
        min-width: 50%;
        width: 50%;
        padding-left: 17px;
        padding-right: 17px;
        border-right: 1px solid;
    }
}

Note the class avia-table-1 so this doesn’t change all of the tables, try this css instead:

@media only screen and (max-width: 767px) {
    #top #after_section_1 .avia_responsive_table th, 
    #top #after_section_1 .avia_responsive_table td {
        display: table-cell;
        min-width: 50%;
        width: 50%;
        padding-left: 17px;
        padding-right: 17px;
        border-right: 1px solid;
    }
}

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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

Hi,
Thanks for the link to your page, when I check I see this:

I recommend this css:

@media only screen and (max-width: 479px) { 
	#top.home #wrap_all #full_slider_1 .av-slideshow-caption .avia-caption-content p {
		font-size: 12px;
	}
	#top.home #wrap_all #full_slider_1 .avia-caption-title {
		font-size: 15px;
	}
}

or this result for small screens (320px):

and this for normal screens (425px)

Please adjust to suit

Best regards,
Mike

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

function custom_script() { ?>
  <script>
document.addEventListener("DOMContentLoaded", function() {
    var footer = document.getElementById('footer');
    var afterSlideshow = document.getElementsByClassName('el_after_av_slideshow');
    if (footer) {
        var newDivFooter = document.createElement('div');
        newDivFooter.className = 'custom-header-background-footer';
        footer.appendChild(newDivFooter);
    }
    if (afterSlideshow.length > 0) {
        var newDivSlideshow = document.createElement('div');
        newDivSlideshow.className = 'custom-header-background-bottom';
        afterSlideshow[0].appendChild(newDivSlideshow); 
    }
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.custom-header-background-footer {
    background-image: url(/wp-content/uploads/2024/09/top_no_fade.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: auto;
    height: 50px;
    width: 100%;
    position: absolute;
    top: -50px;
}
.custom-header-background-bottom {
    background-image: url(/wp-content/uploads/2024/09/top_no_fade.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: auto;
    height: 50px;
    width: 109%;
    position: absolute;
    top: 25px;
    left: -5%;
    transform: rotate(180deg);
}

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

Best regards,
Mike

Hi,
To remove the “grey veil on the images before the mouse over” try this css:

.responsive #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