Hi,

Thank you for the video.

The video isn’t buffering or loading on our end. Please try uploading it to a file or video sharing site like Dropbox, YouTube, or Vimeo.

Are you certain you haven’t zoomed in or out on your browser? The mobile or burger menu icon should only display in the top header, not in the sidebar.

Best regards,
Ismael

Hey cambium.digital,

Thank you for the inquiry.

The video displays correctly on our end, but it’s not playing automatically. Have you tried enabling autoplay or muting the video?

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this css code to adjust the position of the menu items and the close icon.

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

  /* Add your Mobile Styles here */
  #top #av-burger-menu-ul {
    padding: 100px 0 !important;
  }

  .responsive #top #wrap_all .main_menu {
    top: -120px;
  }
}

Best regards,
Ismael

Hi,
Thank you for your patience and the link to your page, to research the issue of the video loading twice I copied your page to my test site and each of your videos only loaded once, you have one at the top startseite.mp4 and one at the bottom hintergrundvideo_1.mp4

I then checked your page again and each video was loaded twice:

I tried disabling your plugins and testing again, but it still showed the videos loading twice, so I’m not sure if this is a cache issue. Does your web server use a “object” cache such as Memcached, Redis, Varnish? I’m not sure what would cause the videos to load twice but it doesn’t seem to be caused by the theme since I can’t reproduce it.
If you do have a server cache try disabling it and see if that helps, it may take a few hours.
As for the prelaoding issue, the prelaoder will not show the page until it is fulling loaded, and when it is off your page will show before it is fulling loaded, so this behavior is expected since you page is loading slowly. I also note that my clone of your site loads in under 9 seconds even though all of the images and videos are pull from your server, you site is taking over 22 seconds, this is strange.

Best regards,
Mike

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,

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,

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 marccat,

Thank you for the inquiry.

You can add this code in the functions.php file to insert a container below the header:

add_action('ava_after_main_menu', function() {
    echo "<div class='av-bottom-header'></div>";
}, 10);

Then use this css code to adjust its style.

#top .av-bottom-header {
  width: 100vw;
  height: 20px;
  background: red;
  bottom: -20px;
  position: absolute;
  margin-left: -80px;
}

Adjust the background property if you need to display an image:

background: url('image-url-here');

Best regards,
Ismael

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

Hi,

Thank you for the info.

We adjusted the code in the Quick CSS field a bit. Please make sure to purge the cache before checking the page.

  #menu-item-shop .cart_dropdown_link {
    padding: 10px;
    font-size: 20px
  }

  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    padding-right: 0;
    margin-right: 10px;
  }

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 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,
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

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