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

Hi,
Thanks for the link to your site, but when I test the price tables they seem fine on mobile:

I was not able to view your screenshot because it required a login, please try posting a direct link to your screenshot.
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.

Best regards,
Mike

Hey whdsolutions,
It looks like you are using a custom icon font “numbers” but the font is not loaded, instead ‘static’,Helvetica,Arial,sans-serif is loaded.
Try using the built-in icon font and see if that works, and then reinstall your custom icon font and see if that helps.

Best regards,
Mike

Hey MysticMimi,
Thanks for the link to your site, when you use the negative top margin to move columns over an element, you should also use a negative bottom margin to bring the rest of the page up to not have a space:

I adjusted this for you, please check.

Best regards,
Mike

Hi,
The code is not CSS, it is PHP. 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 code and save.

Best regards,
Mike

Hi,
I checked your horizontal gallery on my Android phone and in a Chrome Dev simulation, but in both cases the image is not cropped, when I check with Safari in Responsive Design Mode, I found an issue with Safari so I added this css to your site and seems to solve.

@media only screen and (max-width: 767px) { 
.responsive.avia-safari #top .av-horizontal-gallery-img {
	transform: none;
}
}

Please clear your cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike