Hi,
This thread covers a couple of different methods and I think that it might be confusing.
So if you want to use color icons, then you would use Guenni007’s example, the easiest path is to upload the png images to your media library and then for each one choose a existing theme icon that you would probably never use as a placeholder, for example the keyboard ( ue83a ):

and then use this css to replace it with your image:

[data-av_iconfont="entypo-fontello"][data-av_icon="\e83a"]:before{font-size:0;width: 40px;display: inline-block;background-image: url(/wp-content/uploads/2024/05/tree.svg) !important}

now whenever you use the keyboard icon on your site your new image will show:

If you want to use B&W icons you can take the B&W PNG images and convert them to SVG, then follow Guenni007’s steps to fix them for Fontello then upload the SVG to Fontello to create your icon font:

then download the new icon font zip file and upload it to Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager and then they will show in your icon list.

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

Hi,

I’m sorry for the delayed response.

We’ve investigated the errors on your site. The first issue is coming from the Autoptimize plugin. The second and third issues seem to be related to Enfold’s cookie bar.

Please go to the Enfold theme options > Privacy and Cookies > Cookie Handling > Enable cookie consent messages, disable it, and check if that resolves the error.

Best regards,
Yigit

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.container_wrap {
  border-top-width: 0;
}

Best regards,
Rikard

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

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all .flex_column.av_one_fourth {
width: 48% !important; 
margin-right: 2% !important; 
}
.responsive #top #wrap_all .flex_column_table_cell {
    float: left !important; 
}
}

if this doesn’t help please include a link to your page so we can examine.

Best regards,
Mike

Hi,
Sounds like extortion, nonetheless it should 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

Hi,

When the theme options are saved, then the theme resources are regenerated. There is nothing random about it. If you want to remove the version number and time stamp from the CSS files, then you can do so under Enfold->Performance->Show Advanced Options. If you want to disable the post CSS file creation, then you can add this to your functions.php file:

/**
 * Filter to skip css file generation.
 * You can add logic to skip for certain pages/posts only.
 * 
 * @since 4.8.6.1
 * @param boolean $create
 * @return boolean					true | false or anything else to skip generation of css file
 */
function custom_avf_post_css_create_file( $create )
{
	return false;
}

add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );

Best regards,
Rikard

Hi,

Thank you for the inquiry.

1.) You can adjust the style of the burger menu items in the Enfold > Advanced Styling panel. Look for the element under the Main Menu (Icon) section. You can also use this css code:

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
    line-height: 1em;
    font-size: 2em;
}

Please make sure to toggle the Enfold > File Compression settings and purge the cache.

2.) Add this script to the functions.php file to make the close icon fade out on scroll down and fade in again on scroll up.

function ava_custom_script_fade_scroll()
{
    ?>
    <script>
        (function ($)
        {
            $(document).ready(function () {
                var lastScrollTop = 0;
                var element = $('.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active');
                $(window).scroll(function () {
                    var st = $(this).scrollTop();
                    if (st > lastScrollTop) {
                        element.fadeOut();
                    } else {
                        element.fadeIn();
                    }
                    lastScrollTop = st;
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_fade_scroll');

Best regards,
Ismael

Hey Jens,

Thank you for the inquiry.

Looks like the automatic update did not succeed or stopped after a duration of time. Please restore the site to a working condition using a backup or restore point. Then, download the latest version of the theme from your Themeforest account. You can then manually upload the latest version via S/FTP.

Please check the documentation below for more info:

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Best regards,
Ismael

Hey divinecurio,
Thank you for the link to your site, in your Enfold Theme Options ▸ Advanced Styling you have the H1 set to two different sizes, 36px & 70px, please remove the 36px one:

Best regards,
Mike

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

#top #wrap_all .av-product-class-minimal-overlay .inner_product_header {
	opacity: 0;
}

#top #wrap_all .av-product-class-minimal-overlay a:hover .inner_product_header {
	opacity: 1;
}

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

Best regards,
Mike

Hi,
You don’t need to pay for a premium package, you can download and use the ones you like for commercial use with attribution:

just add a link to them on your site:

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

Hi,
Glad to hear, please register your Purchase Code here. Then log into the support forum and open a new thread when you have any questions and we will be happy to help.

Best regards,
Mike

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

#top .av-burger-overlay li li .avia-bullet, 
#top .av-hamburger-inner,
#top .av-hamburger-inner::before, 
#top .av-hamburger-inner::after {
  background-color: #009989 !important; 
}
#top .av-burger-overlay li li .avia-bullet, 
#top .av-hamburger.is-active .av-hamburger-inner,
#top .av-hamburger.is-active .av-hamburger-inner::before, 
#top .av-hamburger.is-active .av-hamburger-inner::after {
  background-color: #fff !important; 
}

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

Hey mattb1169,
Please see our documentation for Logo Centered split menu it will explain the specific settings and the code snippets. Another user Guenni007 posted a different example using jQuery that calculates the center better and would recommend giving it a try.
Please note that both solutions will depend on how many menu items that you have, fewer is better and six should be fine, and when your menu changes to the mobile menu, 990px is better, but each site is a little different.

Best regards,
Mike

Hi,
If you want to use color icons (png, jpg, or gif), follow Guenni007’s css technique here.
Thanks for sharing Guenni007 :)

Best regards,
Mike