Hi,
I tested with the function above and installed a new font with the Custom Font Manager with no issues. Try extracting your custom font zip file and rezip only the font file with no inner directories and extra files. For example, some custom fonts place the file in a zip inside the zip.

Best regards,
Mike

Hi,
Glad we were able to help with your issue in this thread. Thank you for using Enfold.

Best regards,
Mike

Hi,
It looks like someone enabled the Enlarge Active Image option that you didn’t want to use, so I disabled it and I added this css:

@media only screen and (max-width: 767px){
.responsive .av-horizontal-gallery-inner {
    position: static;
    min-height: 300px;
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I added a span around your phone number and this css:

#header_meta .phone-info .phone {
	line-height: 3em;
}
#top #wrap_all #header_meta .phone-info .top-right .avia-button {
	margin-bottom: 0;
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the link to the StackOverflow solution, but I don’t see a way to integrate this into our MailChimp element.
I recommend creating a form on the MailChimp site using the Embedded form option from the dashboard and placing it in a code block element.
To start click the Create icon at the top of the menu

then the Embedded form option

in the wizard you will see the Tags option

then complete your form and copy the code

and add it to a code block element

and when it is used the contact will be added to your list with the Tag

Please give this a try.

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

Hey sitibus,
I assume that you have read our documentation about Adding your own Fontello or Flaticon Icons, you can create your own icons in SVG format single color only (black) and upload them to fontello which will convert them to a icon font which then can be imported to the Iconfont Manager.
Your other option would be to create an image icon and use css to replace the current icon font in the button, like this:

#top.page-id-1152 .avia_button_icon_left:before {
  content: url(https://img.icons8.com/fluency/30/000000/idea.png)!important;
}
#top.page-id-1152 .avia_iconbox_title {
	top: -8px;
}

Best regards,
Mike

Hey orianos,
Thanks for the link to your site, to force the mobile menu below 1300px, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 1300px) {
  #top #header .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}

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

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,
Sorry, the Image List doesn’t display the captions, please use the Gallery option.

Best regards,
Mike

Hey Julio,
Sorry that I was not clear how the page ID works, each page & post on your site has a page-id- or postid- in the body tag, which has the ID of Top, this is what the “scroll to the top” arrow points to, so this was not a custom class, when you want to make a css rule for a specific page or post you will want to use a page-id- or postid-
Your new post ID is: postid-3940 so the new css would be:
#top.postid-3940 .epyt-gallery-list {display:none;}
Here is a good tutorial if you want to read more about this: How to Find Your WordPress Page ID and Post ID

Best regards,
Mike

Hi,
Thank you for your patience, your tweets are displayed for me when I disable my ad-blocker, I can post a screenshot if you wish.
Try disabling any browser ad-blocker, cookie-blocker, or “don’t track me” options, if you are using Safari then this is built-in and on by default, Safari also blocks FB by default now.

Best regards,
Mike

Hi,
Sorry to hear that, but hopefully you will hear back from them soon. 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 Steffen,
Thanks for the link to the demo, but I was not able to create this in the layerslider, I’m not that good with it. But I was able to get pretty close with html, css, & jQuery, I linked to an example in the Private Content area. To create this I used a color section with the min height set to 100% on a page with no sidebar and a transparent header, I then added a code block in the color section with this code in it:

<script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('.image-main .nav-mainarea-item').bind('mouseover', function(){
    var myEm = $(this).attr('data-img');
    $('.image-main img').removeClass('is-visible');
    $('.image-main img[data-img = '+myEm+']').addClass('is-visible');
});
})(jQuery);
 });
</script>
<style>
.nav-mainarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    z-index: 100;
}
.nav-mainarea .nav-mainarea-item {
display: flex;
    transition: all .3s ease-out;
    width: 25%;
    height: 100%;
    border-right: 1px solid rgba(255,255,255,.5);
    padding: 30px;
    text-decoration: none;
}
.nav-mainarea .nav-mainarea-item .nav-mainarea-text {
    margin-top: auto;
    color: #000;
    transition: all .3s ease-out;
}
.nav-mainarea .nav-mainarea-item h2 {
    margin: 0;
    line-height: 1.6;
    color: #ca0202;
}
.nav-mainarea .nav-mainarea-item:hover .nav-mainarea-text {
    transform: translateY(-45vh);
    
}
.nav-mainarea .nav-mainarea-item:hover {
    text-decoration: none;
}

#top.page-id-3157 #av_section_1 > .container {
	max-width: 2500px;
	width: 100%;
	padding: 0;
}
.image-main img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    opacity: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.image-main img.is-visible {
    opacity: 1;
    z-index: 1;
    display:block;
}
</style>

<div class="image-main">
<img class="nav is-visible" data-img="1" src="../wp-content/uploads/2022/03/PhotoRag_Metallic_Mood.jpg">
<img class="nav" data-img="2" src="../wp-content/uploads/2022/03/RS171_Hahnemuehle__3_-lpr.jpg">
<img class="nav" data-img="3" src="../wp-content/uploads/2022/03/Hahnemuehle_Notebook_Iconic_A5_Schwarz-black_and_taupe_mood_web.jpg">
<img class="nav" data-img="4" src="../wp-content/uploads/2022/03/hfa_filtration.jpg">

<div class="nav-mainarea">                                 
    <a class="nav-mainarea-item nav" data-img="1" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Digital FineArt</h2>
                
            Turning images into Art
        </div>
    </a>

    <a class="nav-mainarea-item nav" data-img="2" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Artist Papers</h2>
                
            The Art of Expression
        </div>
    </a>

    <a class="nav-mainarea-item nav" data-img="3" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Stationery</h2>
                
            Notebooks & Writing Instruments
        </div>
    </a>

    <a class="nav-mainarea-item nav" data-img="4" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Filtration</h2>
                
            Technical Applications
        </div>
    </a>             
</div>
</div>

This code includes the html, css, & jQuery one in one, you will need to adjust the image urls to your images and if you want to add links. The background image changes on mouse-over.

Best regards,
Mike

Hi,
To make the above solution work on the one page only please adjust to this:

@media only screen and (max-width:767px) {
  #top.page-id-600 .av_one_third .avia-video {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80%;
  }
}

Best regards,
Mike