i would give a custom class to the section it concerns – i have now only the code for you site specific and with the section ID:
to address the colorsection it concerns it might be nice to have a unique selector.

#top.page-id-16223 #av_section_2 .avia-button-wrap {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#top.page-id-16223 #av_section_2 .av_textblock_section {
  padding-bottom: 30px;
}

But as you can see on my test installation – that is what you like to have.
And you have the normal implemented Search function of Enfold – or do you have relevansi or something else on start?
Try to deactivate all your plugins to see if there is something hampering that function. On my testpage it is Enfold 4.7.5.

and you inserted it to your child-theme functions.php ?
and you are shure ? All caching tools resettet? all merging refreshed? All browser cache deleted? etc. pp

see here my test page: https://webers-testseite.de/
Limit set to 3
search for youtube or masonry Then see the results page

you do not want to limit the number on the search results page – only on the preview in the ajax search ?

put this to your child-theme functions.php:

add_filter('avf_ajax_search_query', 'avf_modify_ajax_search_query', 10, 1);
function avf_modify_ajax_search_query($search_parameters){
	parse_str($search_parameters, $params);
	$params['numberposts'] = 5;
	$search_parameters = http_build_query($params);
	return $search_parameters;
}

to limit the results per page on the search-results page there are some codes here on the board. To get rid of the pagination with css is easy.

Am Besten wäre es du stellst das Search Icon wie üblich an : Enfold-Child – Hauptmenu – “Fügt Suchsymbol zum Menü hinzu”
Dann fügst du das hier in deine child-theme functions.php ein:

function avia_append_search_nav ( $items, $args ){ 
  if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
    if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu")){
        global $avia_config;
        ob_start();
          $getform = get_search_form(false);
        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">'.$getform.'</li>';
    }
    return $items;
}
add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );

das in das Quick css:

#top #avia-menu #searchform  {
  position: relative;
  height: 100%
}

#top #avia-menu #searchform > div {
    opacity: 1 !important;
    display: block !important;
    top: 25px;  /**** musst du noch anpassen an deine Header Dimensionen *****/
}

#top #avia-menu #searchform .ajax_search_response {
    background-color: rgba(255,255,255,0.8);
}

wenn du den placeholder Text zentriert haben möchtest:

#top #avia-menu ::-webkit-input-placeholder { text-align: center }
#top #avia-menu :-moz-placeholder { text-align: center }
#top #avia-menu ::-moz-placeholder { text-align: center}
#top #avia-menu :-ms-input-placeholder { text-align: center}

• This reply was modified 5 years ago by Guenni007.

wenn du ( und das ist ja meist der Fall ) über Apache Server unterwegs bist kannst du das alles bequem auch über die htaccess datei im root Verzeichnis einstellen. Der entsprechende mod heißt: mod_expires.c

Bist du vertraut mit dem Umgang einer htaccess datei?

das sind so einträge, die ich standardmäßig gesetzt habe:

<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresDefault                                      "access plus 1 month"

  # CSS
    ExpiresByType text/css                              "access plus 1 year"

  # Data interchange
    ExpiresByType application/atom+xml                  "access plus 1 hour"
    ExpiresByType application/rdf+xml                   "access plus 1 hour"
    ExpiresByType application/rss+xml                   "access plus 1 hour"

    ExpiresByType application/json                      "access plus 0 seconds"
    ExpiresByType application/ld+json                   "access plus 0 seconds"
    ExpiresByType application/schema+json               "access plus 0 seconds"
    ExpiresByType application/vnd.geo+json              "access plus 0 seconds"
    ExpiresByType application/xml                       "access plus 0 seconds"
    ExpiresByType text/xml                              "access plus 0 seconds"

  # Favicon (cannot be renamed!) and cursor images
    ExpiresByType image/vnd.microsoft.icon              "access plus 1 week"
    ExpiresByType image/x-icon                          "access plus 1 week"

  # HTML - No Caching
    ExpiresByType text/html                             "access plus 0 seconds"

  # JavaScript
    ExpiresByType application/javascript                "access plus 1 year"
    ExpiresByType application/x-javascript              "access plus 1 year"
    ExpiresByType text/javascript                       "access plus 1 year"

  # Manifest files
    ExpiresByType application/manifest+json             "access plus 1 week"
    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
    ExpiresByType text/cache-manifest                   "access plus 0 seconds"
    
# Update 2020: Google recommendation: cache duration increased to 1 year
# @see: https://web.dev/uses-long-cache-ttl/    

  # Media files
    ExpiresByType audio/ogg                             "access plus 1 year"
    ExpiresByType image/bmp                             "access plus 1 year"
    ExpiresByType image/gif                             "access plus 1 year"
    ExpiresByType image/jpeg                            "access plus 1 year"
    ExpiresByType image/png                             "access plus 1 year"
    ExpiresByType image/svg+xml                         "access plus 1 year"
    ExpiresByType image/webp                            "access plus 1 year"
    ExpiresByType video/mp4                             "access plus 1 year"
    ExpiresByType video/ogg                             "access plus 1 year"
    ExpiresByType video/webm                            "access plus 1 year"

  # Web fonts

    # Embedded OpenType (EOT)
    ExpiresByType application/vnd.ms-fontobject         "access plus 1 year"
    ExpiresByType font/eot                              "access plus 1 year"

    # OpenType
    ExpiresByType font/opentype                         "access plus 1 year"

    # TrueType
    ExpiresByType application/x-font-ttf                "access plus 1 year"

    # Web Open Font Format (WOFF) 1.0
    ExpiresByType application/font-woff                 "access plus 1 year"
    ExpiresByType application/x-font-woff               "access plus 1 year"
    ExpiresByType font/woff                             "access plus 1 year"

    # Web Open Font Format (WOFF) 2.0
    ExpiresByType application/font-woff2                "access plus 1 year"

  # Other
    ExpiresByType text/x-cross-domain-policy            "access plus 1 week"
</IfModule>

• This reply was modified 5 years ago by Guenni007.

hier ist mal eine ausführliche Anleitung die zeigt, wie man einem Menu-punkt eine benutzerdefinierte Klasse zuordnet.
Nicht jeder weiss, wie die entsprechenden Felder einzublenden sind : https://kriesi.at/support/topic/how-put-logo-on-full-screen-mobile-menu/#post-1223295

Was muss man machen um einen solchen Menupunkt dort zu platzieren?:
Einen Menüpunkt anlegen: Über uns
Diesem Menupunkt die Klasse: menu-item-avia-special geben
Diesen Menupunkt kannst du eigentlich überall ablegen. Am Besten ganz unten

__________

here is a detailed tutorial that shows how to assign a custom class to a menu item.
Not everyone knows how to show the corresponding fields : https://kriesi.at/support/topic/how-put-logo-on-full-screen-mobile-menu/#post-1223295

What do you have to do to place such a menu item there?
Create a menu item: Über uns
This menu item has the class: menu-item-avia-special
You can actually place this menu item anywhere. Best at the bottom

Not too complex ?
If you need additonal help – tell me

mal abseits dieses Wahnes den page-speed tools genüge tun zu müssen – ist doch mit der Gtmetrix Messung soweit alles in Ordnung!
Eventuell sollte ich auch mal Autoptimize testen – schein ja was zusätzlich zu bringen.

Was mich an deiner Seite zunächst eher stören würde, ist die Tatsache das die Seite nicht https lädt. Das Cert ist gültig bis: 8.10.2020, 16:28:32 (Mitteleuropäische Sommerzeit) aber da muss also was im argen liegen.
Bist du jüngst erst auf ein Zertifikat gewechselt? Denn das ist ein wesentlich schwerwiegenderes Problem bezüglich DSGVO als der fehlende Copyright Hinweis.
Rechtlich denke ich genügt es das detailliert im Impressum anzugeben. Es muss nicht immer direkt bei dem Bild stehen – oder hat sich das was geändert?

__________

apart from this delusion of having to do enough with the page-speed tools – everything is fine with the Gtmetrix measurement!
Maybe I should also test Autoptimize – it seems to bring something additional.

What would bother me on your side is the fact that the page does not load https. The cert is valid until: 8.10.2020, 16:28:32 (Central European Summertime) but there must be something wrong.
Have you recently switched to a certificate? Because this is a much more serious problem regarding GDPR than the missing copyright notice.
Legally I think it is enough to mention this in detail in the imprint. It does not always have to be directly next to the picture – or has something changed?

I do not see your site link – cause i’m participant as you – to give better advice it would be nice to know more about your header settings.

Well i guess this is not quiet simple as some like to have it.
To get the sticky header even on mobile and on transparency header this is just
quick css:
( i have on most of my installations the 990 break point for burger menu so: )

@media only screen and (max-width: 989px) {
  .responsive #top #wrap_all #header .container {
    width: 90%;
    max-width: 90%;
  }
   
  #header {
    position: fixed !important;
    height: 80px !important;
    max-height: 80px !important;
  }
  
  .responsive.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
    background-color: transparent;
  }
  
  .responsive #top .av-logo-container ,
  .responsive #top .logo a,
  .responsive #top .logo img {
    height: 80px !important;
    max-height: 80px !important;
  }
  
  .responsive #top .av-main-nav .menu-item-avia-special a {
    height: 80px !important;
    line-height: 80px !important;
  }
}

__________________________ Just for Info – if you only interested in the solution skip to the next post ________________

The sticky state when burger is active depends on the menu.js and the condition for :
if( burger_menu.is(":visible")
my search here on the board resulted unfortunately only in hits, which commented out this condition, which if you test this of course does not lead to the goal.
so we had to find a calculation for that case – this can be found out more or less quickly – my solution is:

if( burger_menu.is(":visible") && (scrolled + modifier > top_pos) ){
	this.css({top: header.Height() , position: 'fixed !important'}); fixed = true;
}

Info: i first had the header.outerHeight() – but with that i had a 1px difference on scrolling on – do not know why.

So far so good, but if you want to use a hamburger for the submenu in the responsive case, what is calculated in the script is unfortunately overwritten by the menu.css by setting values to !important.
Even the calculated inline style could not overwrite these settings because the selector is more specific f.e:

/**** from original menu.css - each break point (switch ) has these rules set to !important  *********/
@media only screen and (max-width: 989px){
	.responsive #top .av-switch-990.av-submenu-container{top: auto !important; position: relative !important; height:auto; min-height:0; margin-bottom: -1px;}
}

so we had to get rid of the important setting – thats why we need to have an own child-theme menu.css

if these messages are for me – i can not see it – because i’m Participant as you are an do not see private content area.

All opening brackets need a closing one!
so if you get rid of: if(is_page(19)){

you had to find the corresponding closing curly bracket. -( the round one are neutral the open and just closes a few letters behind)

that is the reason why your code is not without error.

Another hint: here on board it might be usefull to insert code as code – therefor we had here the code tag above.
First click on code – then insert your code – click now on /code (oben a tag – close a tag as always)

To look what might be not correct it is best to have it 1/1 – boardsoft changes if you do not use the code tag the content ( f.e. quotation marks to something different etc. pp )

just one moment – brainstorming
there is a little plugin specialized on background- video. This plugin: advanced wordpress backgrounds is capable to play even youtube or vimeo videos from a start to an endpoint as background.
See here with your video from 20sec to 55sec. You only have to set a few smaller css entries to adapt it to Enfold.
The movie will be put into the appropriate section using the code-block element and a shortcode from the plugin.
https://webers-testseite.de/youtube-background/
Password: Enfold

But i try to find a solution with Enfold Tools only.

• This reply was modified 5 years ago by Guenni007.

if you like to have a big area as aktive link you can surround inside that div the section which is all arround the content (to surround the whole div i would not try) – because an anchor as a block-level element is hard to style f.e. with border-radius and it is hard to position in that manner so my solution now on that page this way:

<div class="my-styling-for-that-ads" …><a href="https: …><section>your content </section></a></div>
and give the padding to the section or to the textblock as here in the code:

function insert_to_a_fullwidth_slider() { 
?>
<script>
(function($){
	$( '.avia-fullwidth-slider.my-fullwidth-slider-with-that-ads .avia-slideshow-inner' ).append('<div class="my-styling-for-that-ads" style="background-color: #21495d; border-radius:0px 0px 30px 0px"><a href="https://YOUR-DOMAIN.com" target="_blank" rel="noopener noreferrer"><section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock  av_inherit_color " style="padding:0 20px 10px 20px; color:#FFF " itemprop="text"><p><img class="alignnone" src="/wp-content/uploads/rhino-on-blob.png" alt="rhino-logo" width="150"></p><div class="hr hr-short hr-left" style="margin: 10px 0;"><span class="hr-inner"><span class="hr-inner-style"></span></span></div><p>Skip your<br>security deposit<br>with <strong>Rhino</strong></p></div></section></a></div>');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'insert_to_a_fullwidth_slider');

just for a better understanding the inserted div – see a solo html page with that div only and the tree-structure:

but we need that div in a one-liner to insert it with append in the functions.php. Otherwise we will have a php error on that.

PS : you then can have too a hover style for the whole div:

.my-styling-for-that-ads:hover {
    background-color: #0040ff !important;
}