Hi,

@Guenni007 Thank you for pointing this out, I did find the entypo-fontello paper-airplane in another post and used the same
( 'font' =>'entypo-fontello', 'icon' => 'ue8b7');
Good tip 🙂

Best regards,
Mike

Hey Stephan,
Try adding this code to the end of your functions.php file in Appearance > Editor:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['telegram']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue8b7');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Telegram'] = 'telegram';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #wrap_all .av-social-link-telegram:hover a {
    color: #fff;
    background-color: #add4ef;
}

That should give you this:

Best regards,
Mike

Hi,
Glad Jordan could help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey navindesigns,
Thanks for the login, I see that you have 5 buttons, so I assume you will need 5 different popups.
First we will add the jQuery for the popup in your functions.php

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Then we will add this css to your Quick CSS:

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

Then we will add five popups to a code block element on the page, you can edit the part PLACE CONTENT ONE HERE by adding text and image shortcodes or html code:

<div id="one-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT ONE HERE</p>
</div>
<div id="two-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT TWO HERE</p>
</div>
<div id="three-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT THREE HERE</p>
</div>
<div id="four-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT FOUR HERE</p>
</div>
<div id="five-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT FIVE HERE</p>
</div>

then for your buttons I added the link like this:
<a class="open-popup-link" href="#two-popup"><div class="btnFloorPlanMobile">VIEW FLOOR PLAN</div></a>
notice each link has a different anchor to open a different popup.
Now there is a little white space where the hidden code block is on the page, so I added this to the code block to hide the white space:

<style>
#after_section_1 {
	display: none !important;
}
</style>

Please clear your browser cache and check the buttons and popups.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.ajax_search_response > H4 {
	display: none !important;
}

Best regards,
Mike

Hi,
Thank you for the login, this error occurs when there is an error in downloading the icon-font, I removed it from your Enfold Theme Options > Import/Export > Iconfont Manager and the error is now gone. Please clear your browser cache and check.

Best regards,
Mike

Hey Mateo,
Thank you for the login, it looks like among your tries you were able to import the demo, please take a look at your site.

Best regards,
Mike

Hi,
It is possible to use FONT AWESOME but it will not be in the icon choices, you will have to use the snippets such as:
<i class=”fab fa-telegram-plane”></i>
to add FONT AWESOME, Try adding this code to the end of your functions.php file in Appearance > Editor:

function Font_Awesome_5(){
    ?>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <?php
    }
add_action('wp_head', 'Font_Awesome_5');

we can make a feature request for the “TELEGRAM icon”, is it for the mobile and desktop messaging app?

Best regards,
Mike

Hi,
For a sticky header on mobile try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_sticky_header(){
  ?>
  <script>
(function($){
  $(document).ready(function(){       
     var scroll_start = 0;
     var startchange = $('#header');
     var offset = startchange.offset();
      if (startchange.length){
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if(scroll_start > offset.top) {
          document.getElementById('header').classList.add('sticky-top');
         } else {
          document.getElementById('header').classList.remove('sticky-top');
         }
     });
      }
  });
  })(jQuery);
  </script>
<?php
}
add_action('wp_footer', 'custom_sticky_header');

and this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
.sticky-top {
    position:fixed!important;
    top:0!important;
    z-index:10000!important;
}
}

Best regards,
Mike

Hi,
I see that when linking directly from another page or site to https://kosmetikandnails.ch/#nails the tab opens but the page doesn’t scroll down to the tab. to correct try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_id_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$("a.av-section-tab-title").each(function() {
   var $this = $(this);       
   var _href = $this.attr("href"); 
   var itemId = _href.substring(1, _href.length);
   $this.attr("id", itemId);
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_id_script');

it adds an “id” to the tab link so the page will scroll to the tab.
If the link to the tab is clicked on the same page the offset doesn’t always work so add this code to the end of your functions.php file in Appearance > Editor to apply an offset to the tabs:

function custom_offset_script(){
  ?>
  <script>
(function($){
	var width = $(window).width()
	if ((width >= 768)) {
    $('a.av-section-tab-title[href*="#"]:not([href="#"])').click(function() {
    var offset = -130; // <-- change the value here
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
            $('html, body').animate({
                scrollTop: target.offset().top + offset
            }, 1000);
            return false;
        }
    
    }
    
});
} else {}
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_offset_script');

Best regards,
Mike

Hi,
Thank you for the login, I have installed your child theme and imported your parent theme settings.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this link: https://www.dropbox.com/s/tdy21xu2tlwm9rg/justice.zip?dl=0

Best regards,
Mike

Hi,
1) Thanks for the screenshots, 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: 767px) {
.responsive #top #wrap_all #main .slide-entry {
    width: 100% !important; 
}
.responsive #top #wrap_all #main .content .entry-content-wrapper {
    padding: 0px !important; 
}
.responsive #top #wrap_all .container {
    width: 95% !important; 
    max-width: 95% !important; 
}
}

2) Typically the theme options will tell you when there is an update and you can update through the theme options, but you must have a “valid Envato private token” in the theme options, but on your site I see this is empty, please follow the instructions on the theme options page.
3) glad that helped.

Best regards,
Mike

Hi,
Thank you for the login, I see in your “site health” you have a “Rest API” error:
Error: [] cURL error 28: Operation timed out after 10001 milliseconds with 0 bytes received
This is typically a server issue, this article suggests some possible solutions or this one.

Best regards,
Mike

Hi,
Thank you for the feedback, I copied your failed post to my localhost via the Avia Layout Builder Debugger
and then I removed the nested columns and placed all of the content in the grid rows 2/3 + 1/3 and saved and viewed the page a couple of times and also tried editing it a couple of times and each time the grid rows remained in place in the frontend and the backend.
Please go to the test page in the Private Content area and test the frontend and the backend, it seems that it is stable now.

Best regards,
Mike