What kind of predefined color scheme is used on that demo?
have a look to Dashboard – Enfold (Child) – General Styling
There are most of the color settings. Sometimes the demo stylinges have some “Advanced Styling”

but afaik has Enfold included the waypoints script – there is an existing sticky script to it. But i never worked with it.
maybe a mod knows how to use the waypoints script to have sticky elements

And what code do you insert on that page?
(please use code tag here on the answer)

by the way you can decide this via functions.php for only some pages with if-clauses:
if you choose header top on the enfold options – you can have sidebar navigation for frontpage only by:

add_filter('avf_header_setting_filter','av_change_header_style');
function av_change_header_style($header){
    if( is_front_page() ){
        $header['header_position'] = "header_right header_sidebar";
    }
    return $header; 
}

First you can decide to insert in the heading input field the word with a softhyphen !
<span style="color: #eaa11d;"><span style="color: #ffffff;">#FairShare­&shy;</span>Everywhere</span>
that ­ helps you to have a non visible breakpoint for your heading
And then you got the opportunity to go to that tab “screen options” there are some options for screenwidth for both the heading and the subheadline font size.

Result is here: https://webers-testseite.de/accordion/

• This reply was modified 7 years, 1 month ago by Guenni007.

your rules are correct i think – but only the transition point at 1400px got the troubles
on the first you like to show only if it is a wider screen than 1400px
because it is visible on default it is ok to avoid displaying it below 1400px
so the first one you can shorten to:

@media only screen and (max-width: 1400px) {
.page-id-1602 #av_section_1 { display: none !important; }
}

the second rule you like to show it only between 1280px and 1400px
so can you try:

@media only screen and (max-width: 1400px) {
.page-id-1602 #av_section_1 { display: none !important; }
}

.page-id-1602 #av_section_2 { display: none; }
@media screen and (min-width: 1280px) and (max-width: 1400px) {
.page-id-1602 #av_section_2 { display: block !important; }
}

here we have the point 1400 both at max-width – this has to work better
and don’t forget to have the page-id everywhere

or post your quick css – somethimes it is only a missing closing bracket or missing semicolon.

genau – sieht jetzt gut aus. Oder?

für Deine Seite denke ich wäre es gut die Werte so anzupassen:

add_action( 'wp_footer', 'move_impressum_button' );
function move_impressum_button() {
  ?>
  <script type="text/javascript">
	(function($){
		$('.avia-button-wrap.kontakt-botton').insertAfter($('.avia-button-wrap.kontakt-botton').closest('.flex_cell'));
		$('.avia-button-wrap.kontakt-botton').css({
			"position": "absolute", 
			"top": "85%",
			"left": "5%",
			"margin-top": "90px"
		});
		$('.avia-button-wrap.kontakt-botton').prev('.flex_cell').css("padding-bottom", "100px")
	})(jQuery);
  </script>
  <?php
}

den Impressum Button nur in die Rechte Zelle setzen. Links aus der Zelle wegnehmen !

anklicken zum vergrößern:

• This reply was modified 7 years, 1 month ago by Guenni007.

ich hatte den code oben jetzt mal verändert.
Dann kannst du die linke Zelle bei mobil verstecken

Du musst dann nur den Button in die Zelle rechts mit hineinsetzen. Nach unten. Denn die absolute Positionierung macht den Rest dann.

hm – das Problem ist, das der innere Container in dem Grid oben platziert ist.
Versuche doch mal bitte das hier in der functions.php deines child-themes:

add_action( 'wp_footer', 'move_impressum_button' );
function move_impressum_button() {
  ?>
  <script type="text/javascript">
	(function($){
		$('.avia-button-wrap.kontakt-botton').insertAfter($('.avia-button-wrap.kontakt-botton').closest('.flex_cell'));
		$('.avia-button-wrap.kontakt-botton').css({
			"position": "absolute", 
			"top": "75%",
			"left": "5%",
			"margin-top": "50px"
		});
		$('.avia-button-wrap.kontakt-botton').prev('.flex_cell').css("padding-bottom", "100px")
	})(jQuery);
  </script>
  <?php
}

• This reply was modified 7 years, 1 month ago by Guenni007.

Es wäre um einiges leichter mit der entsprechenden Seite einen css code dir zu liefern.

• This reply was modified 7 years, 1 month ago by Guenni007.

we don’t like to see the “Öffnungszeiten” when hamburger menu is open

change on .logo .subtext the z-index to 2