Hi,
Thanks for the link to your site, have you tried removing your script above to see if that is the issue? I believe your script is more complicated that it needs to be, below I have linked to a test page where I have the header set to 100px:

and the header behavior set as sticky and not shrinking:

then I added your logo and this script to the end of my child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll >= 90 && width >= 768) {
    $('.av-logo-container > .inner-container').css({'overflow':'hidden'});
   } else {
    $('.av-logo-container > .inner-container').css({'overflow':'visible'});
   }
  });
})(jQuery); 
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

and this css in my General Styling ▸ Quick CSS field:

.logo, .logo * {
    max-height: 269px!important;
    height: 269px!important;
    width: 131px!important;
}

now the logo behaves like yours on scroll and the anchor links I added to the page land correctly and not behind the header.
Perhaps you could try this.

Best regards,
Mike

Hey Corina,
Thanks for the link to your site, my research finds that this is a known, and argued expected behavior for the Vimeo player when a video is a background video.
I tested your video in a color section background & in a video element and found this a reasonable explanation and do not believe that it is a result of the Enfold element.
I did come up with a possible solution that works on my test site and also seems to work on your site.
The following script rewrites the iframe url after the video starts and breaks the loop, thus ending with the video on the first frame.
If you would to try this, add this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
      setTimeout(function(){
      $("#top.home #av_section_1 iframe").attr("src", "//player.vimeo.com/video/650191459?portrait=0&byline=0&title=0&badge=0&loop=0&autopause=0&api=1&rel=0&player_id=player_5394_254066182_1922605071&color=ef5e95");
      },800);
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

The only other solution I can recommend would be to embed your video in a code block so that it is not a background video.

Best regards,
Mike

Hi,
Thank you for the link to your site and the screenshot, there is not an official way to do this but I tried to work out a script for you, I wrote it to start at 1024px because you have so many menu items that at 768px they overlap, I recommend removing some items or making the burger menu show for larger screens.
this is the expected results:

Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
var width = $(window).width();
if ( width >= 1023) {
$("#header ul.cart_dropdown").detach().insertAfter('#menu-item-3092').css({'display':'block'});
$("#menu-item-search").detach().insertAfter('#menu-item-3092');
} else {}
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

and this code in the General Styling ▸ Quick CSS field

@media only screen and (min-width: 1023px) { 
#top .av-main-nav ul#menu-item-shop a.cart_dropdown_link {
    margin: 0;
    left: 0;
    color: inherit;
    position: relative;
    width: auto;
    -webkit-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    border:none;
}
#top .header_color .main_menu ul#avia-menu ul#menu-item-shop {
    background-color: transparent;
}
#top #avia-menu #menu-item-shop {
	box-shadow: none;
}
}

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

Best regards,
Mike

Hey Tim,

Thanks for reporting this.

I think I have a fix.

Please update ..\themes\enfold\footer.php

with the content of

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_7_1/footer.php

Do not forget to make a backup of the file for a fallback and clear server and browser cache.

Best regards,
Günter

Hi,
Thank you for the login, since you said your plan is to omit the overlay for smaller screens my test found that the layout you have begins to show well for 1024px so I used that as the breakpoint, so this script checks for a minimum width of 1023px and a scroll of 20px from the top on the home page only. The css below hides the element on smaller screens.
I added this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_home_overlay() { ?>
    <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll > 20 && width >= 1023) {
    $('#top.home #overlay').css({ 'display': 'none'});
	  }
	  if (scroll < 20 && width >= 1023) {
    $('#top.home #overlay').css({ 'display': 'block'});
	  }
  });
 })(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_home_overlay');

and this to your Quick CSS

@media only screen and (max-width: 1023px) { 
	#top.home #overlay {
		display: none;
	}
}

please clear your browser cache and check.

@Guenni007 thank you for your idea, I didn’t try it because we were already down this path 🙂

Best regards,
Mike

Hi,

Thanks for the update. We’ve had other users report problems with that file in the current version, could you try replacing it with this please? https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_7_1/includes/avia_blog.php. We can do it for you if you share FTP login details with us.

Best regards,
Rikard

Hi,

would be nicer to have a snippet solution.

Did you see filter ‘avf_post_featured_image_link’ around line 100 of loop-index.php?

https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Layout/avf_post_featured_image_link.php

Best regards,
Günter

Hi,

I think I found the problem. When creating the merged files we change relative urls in enfold.css to absolute urls.

I added to config-templatebuilder\avia-template-builder\php\class-asset-manager.php line 677:

			/**
			 * e.g. WPML needs relative paths when using directories for languages
			 * 
			 * @since 4.8.7.2
			 */
			if( current_theme_supports( 'custom_uploaded_fonts_relative_url' ) )
			{
				return $content;
			}

Now after merging files you find in avia-merged-styles-974f232210bc9596190f218f629b8b53—619b7b9d06faf.css the relative urls:

....

@font-face{
font-family:'poppins';
src:url('/wp-content/uploads/avia_fonts/type_fonts/poppins/poppins-black.ttf') 
format('truetype');
font-style:normal;
font-weight:900;
ont-display:auto
} 

@font-face{
font-family:'poppins';
src:url('/wp-content/uploads/avia_fonts/type_fonts/poppins/poppins-blackitalic.ttf') 
format('truetype');
font-style:italic;
font-weight:900;
font-display:auto
}

........

Can you check with the other language please.

Best regards,
Günter

Hi,

Thank you for the update.

Looks like WordPress automatically strips html tags including line breaks before saving the excerpt and the content. You may need to add the following snippet in the functions.php file to allow certain tags in the excerpt.

function wpse_allowedtags() {
     return '<script>,<style>,,<em>,<i>,<ul>,<ol>,<li>,<a>,,<img>,<video>,<audio>'; 
}

if ( ! function_exists( 'wpse_custom_wp_trim_excerpt' ) ) : 

    function wpse_custom_wp_trim_excerpt($wpse_excerpt) {
    $raw_excerpt = $wpse_excerpt;
        if ( '' == $wpse_excerpt ) {

            $wpse_excerpt = get_the_content('');
            $wpse_excerpt = strip_shortcodes( $wpse_excerpt );
            $wpse_excerpt = apply_filters('the_content', $wpse_excerpt);
            $wpse_excerpt = str_replace(']]>', ']]>', $wpse_excerpt);
            $wpse_excerpt = strip_tags($wpse_excerpt, wpse_allowedtags()); /*IF you need to allow just certain tags. Delete if all tags are allowed */

            //Set the excerpt word count and only break after sentence is complete.
                $excerpt_word_count = 75;
                $excerpt_length = apply_filters('excerpt_length', $excerpt_word_count); 
                $tokens = array();
                $excerptOutput = '';
                $count = 0;

                // Divide the string into tokens; HTML tags, or words, followed by any whitespace
                preg_match_all('/(<[^>]+>|[^<>\s]+)\s*/u', $wpse_excerpt, $tokens);

                foreach ($tokens[0] as $token) { 

                    if ($count >= $excerpt_length && preg_match('/[\,\;\?\.\!]\s*$/uS', $token)) { 
                    // Limit reached, continue until , ; ? . or ! occur at the end
                        $excerptOutput .= trim($token);
                        break;
                    }

                    // Add words to complete sentence
                    $count++;

                    // Append what's left of the token
                    $excerptOutput .= $token;
                }

            $wpse_excerpt = trim(force_balance_tags($excerptOutput));

                $excerpt_end = ' <a href="'. esc_url( get_permalink() ) . '">' . '&nbsp;&raquo;&nbsp;' . sprintf(__( 'Read more about: %s &nbsp;&raquo;', 'wpse' ), get_the_title()) . '</a>'; 
                $excerpt_more = apply_filters('excerpt_more', ' ' . $excerpt_end); 

                $wpse_excerpt .= $excerpt_more; /*Add read more in new paragraph */

            return $wpse_excerpt;   

        }
        return apply_filters('wpse_custom_wp_trim_excerpt', $wpse_excerpt, $raw_excerpt);
    }

endif; 

remove_filter('get_the_excerpt', 'wp_trim_excerpt');
add_filter('get_the_excerpt', 'wpse_custom_wp_trim_excerpt');

Best regards,
Ismael

Hi,
Thank you, I see that you tried to add this css to hide the added menu items:

.responsive #top #wrap_all #header #av-burger-menu-ul > li.menu-item-1134.av-active-burger-items {
    display: none;
}

and they are hidden after a second but on initial opening of the burger menu they are shown, this is because the burger flyout menu is created on click and is not present on page load so there is a lag between the menu creation and the browser applying the css.
So let’s scrap that idea and try this instead, remove those menu items, and add this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_menulink_script() { ?>
    <script>
(function($) {
  var custommenulink = $('<a class="custommenulink" href="/tr/">TR</a><a class="custommenulink" href="/en/">EN</a>');
    $(custommenulink).insertBefore('.menu-item-avia-special');
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_menulink_script');

please adjust the link url in the above code.
and add this code in the General Styling ▸ Quick CSS field:

a.custommenulink {
    line-height: 80px;
    color: #fff;
    padding: 0 13px;
    font-weight: 600;
}
a.custommenulink:hover {
    color: #fff;
    text-decoration: none;
}
.js_active.html_burger_menu #avia-menu .av-burger-menu-main {
	float: right;
}
@media only screen and (min-width: 768px) { 
#avia-menu a.custommenulink {
    line-height: 90px;
	}
}

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

Best regards,
Mike

Hey sky19er,

Thank you for the inquiry.

It might be due do this line (1297) in the enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.php file, which truncates and removes any line breaks in a text or string.

$excerpt = ! empty( $entry->post_excerpt ) ? $entry->post_excerpt : avia_backend_truncate( $entry->post_content, apply_filters( 'avf_magazine_excerpt_length', 60 ), apply_filters( 'avf_magazine_excerpt_delimiter', ' ' ), '…', true, '' );

Unfortunately, it is not possible to modify the excerpt via filter or hook, so editing the magazine.php file might be necessary in this case.

Or you could define the excerpt of the posts manually instead of relying on the default post content, which is where the summary is taken.

Best regards,
Ismael