Hi,
Sorry for the late reply, I took a look at your site and found you were getting javascript errors because of your SG Optimizer plugin, I disabled the typical settings that cause issues and now your site is loading correctly, please clear your browser cache and check.
Here are the settings that typically cause issues:
Lazy Load Images
Load Render-blocking JavaScript Files Asynchronously
Minify JavaScript Files (if they have already been minified)

You can turn these back on one at a time a clear your cache each time to narrow down the culprit further.

Best regards,
Mike

Hi,
I temporarily installed versions 4.6 & 4.5.5 and the event countdown worked with neither of them on your site, do you recall what was the version number that did work for you?
I see that you have a “drop-in” plugin called “Erweitertes Caching-Plugin” these are typically installed by the webhost, in your webhost panel do you have a cache clearing option?
I have switched your site back to v4.6.3.1 for now. It might be a little while before another member of the team can offer some advice, thanks for your patience.

Best regards,
Mike

Hi,
To remove the white background from the header on scroll, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
  background-color:transparent !important;
  }
  .header_color.av_header_transparency .header_bg, .header_color.av_header_transparency .main_menu ul ul, .header_color.av_header_transparency .main_menu .menu ul li a, .header_color.av_header_transparency .pointer_arrow_wrap .pointer_arrow, .header_color.av_header_transparency .avia_mega_div, .header_color.av_header_transparency .av-subnav-menu > li ul, .header_color.av_header_transparency .av-subnav-menu a {
  background-color:transparent !important;
  border-color: transparent !important; 
  }
  #top .header_color #header_meta.container_wrap_meta {
      background: transparent !important; 
  border-bottom-width: 0 !important; 
  }
  #top #header_main {
      border-bottom-width: 0 !important; 
  }
  #top .av_header_transparency #header_meta {
      border-bottom: 0 !important; 
  }
  #top #header_main.container_wrap {
  border-top-width: 0 !important; 
  }

but the burger menu icon still changes to black on scroll, to prevent this, try this css:

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

Best regards,
Mike

Hi,
I checked your page on my mobile device and it is looking correct for me, Please see the screenshot in Private Content area.
Are you checking from a desktop device and resizing the window? If you are please refresh the screen after resizing, this is a common event but should be fine because an actual device doesn’t change the screen size like this, it is loaded as the actual screen width.
I hope I explained this well.

Best regards,
Mike

Hi,
Glad this helped, please change the above css to this:

@media only screen and (min-width: 768px) { 
#top.page-id-5813 #av_section_2 > div > div > div > div > div > div.avia-data-table-wrap.avia_responsive_table > table > tbody > tr.avia-heading-row > th:nth-child(1),
#top.page-id-5813 #av_section_2 > div > div > div > div > div > div.avia-data-table-wrap.avia_responsive_table > table > tbody > tr > td:nth-child(1),
#top.page-id-5813 #av_section_2 > div > div > div > div > div > div.avia-data-table-wrap.avia_responsive_table > table > tbody > tr.avia-heading-row > th:nth-child(3),
#top.page-id-5813 #av_section_2 > div > div > div > div > div > div.avia-data-table-wrap.avia_responsive_table > table > tbody > tr > td:nth-child(3) {
	width: 15% !important;
}
#top.page-id-5813 #av_section_2 > div > div > div > div > div > div.avia-data-table-wrap.avia_responsive_table > table > tbody > tr.avia-heading-row > th:nth-child(2),
#top.page-id-5813 #av_section_2 > div > div > div > div > div > div.avia-data-table-wrap.avia_responsive_table > table > tbody > tr > td:nth-child(2) {
	width: 70% !important;
}
}

This will make not work for mobile devices because the table layout is different for mobile. Is the mobile layout acceptable?

Best regards,
Mike

Hi,
I checked and it is working for me, while your header is sticky. Please clear your browser cache and check.

Best regards,
Mike

Hi,
Do you mean that you would like to add text to the sidebar header under the logo for portfolio pages? For this you would create a header widget.
Or do you mean you want to add text at the top of the page above the portfolio sort bar?

Best regards,
Mike

Hi,
Glad Nikko was able to 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

Hi,
Sorry for the late reply and thanks for the login, I took a look and your child theme functions.php and found that the url didn’t point to your second logo image correctly, so I fixed it. Here is a snippet using our logo should anyone want to try this on their site:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= '<img src="https://kriesi.at/wp-content/themes/kriesi/images/logo.png"/>';
    return $sub;
}

I then added this css to your child theme styles.css to switch the logos on scroll:

#header.header-scrolled span.logo > a > img {
	display: none !important;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I see that your theme is up to date and your page was reporting an error with the plugin “Easy Google fonts” which had not fonts selected so I disabled to resolve the error, even though there are no errors now your event countdown is not working. I exported your events to my localhost and created a page with the event countdown using your same settings and it works for me.

I suspect that a plugin is causing the error or an error occurred during your last update, assuming the countdown worked before the update, how did you update? I see that you have a plugin “Easy Updates Manager” did you use this?
I checked the events_countdown.php file and it matches mine.
I recommend disabling your plugins to see if that solves it and if not please include FTP access in the Private Content area so we can try updating your theme with a fresh version.

Best regards,
Mike

Hi,
I adjusted the function to this and it is working correctly now, please clear your browser cache and check.

function custom_script(){
  ?>
  <script>
(function($){
  $("li.current_page_item > a").click(function(){
    $('.av-hamburger').removeClass('is-active');
    $('html').removeClass('av-burger-overlay-active');
    $('html').removeClass('av-burger-overlay-active-delayed');
    $('.av-burger-overlay').css({ 'display' : 'none', 'opacity' : 0 });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Glad we were able to 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 ragalahari99,
There is no need to activate the layerslider, it is a bundled plugin that is ready to use. There are I believe two premium functions that will not work and it is only updated when the theme updates unless you purchase the stand-alone plugin and deactivate the bundled version in the theme settings.

Best regards,
Mike

Hi,
Sorry for the late reply, I tested your MapBox code above and after fixing the curly quotes it worked for me in a code block element. Please test by creating a new page and put all of this code in a code block element, as is, and publish. I’m not sure if you will need to remove your current code to remove any conflicts.

<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet' />
<style>
#map { position:absolute; top:0; bottom:0; width:100%; height: 100vh;}
.avia_codeblock_section {height: 100vh;}
</style>
<div id='map'></div>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoiZ2RsbndzIiwiYSI6ImNrMW11Ym9jMjAzMjQzZ25xam1oMmhwcnoifQ.JSIPcNr0kAA5KYkzqoZW_g';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/dark-v10', //hosted style id
center: [-77.38, 39], // starting position
zoom: 3 // starting zoom
});
</script>

Best regards,
Mike

Hi,
Sorry for the late reply, I see that your mobile the missing menu item “camps” was set to display:none
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field to correct:

@media only screen and (max-width: 767px) { 
	.av-burger-overlay .av-burger-overlay-scroll .av-burger-overlay-inner ul#av-burger-menu-ul > li:nth-child(4) {
    display: block !important; 
}
}

Best regards,
Mike