Hi,

I used a code found on this forum and made my right sidebar main menu sticky on desktop.
I also fixed my mobile header to be sticky.
this is my code:
@media only screen and (min-width: 768px) {
.html_header_sidebar #top #header.av_always_sticky {
right: 0;
}
.html_header_left #main {
margin-left: auto;
}

.html_header_sidebar #header .av-main-nav {
text-align: left;
}

.html_header_sidebar #top #header {
position:fixed!important;
width: 300px;
position: absolute;
min-height: 100%;
border-bottom: none;
}
}

@media only screen and (max-width: 989px) {
.responsive #top #main {
margin-top: 82px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
#top .av_header_transparency .header_bg {
background-color: #ffffff;
}
}

@media only screen and (max-width: 767px) {
#top .av_header_transparency #header_meta {
background: blue;
box-shadow: none;
border-bottom: 1px solid rgba(255,255,255,0.25);
}

here are my problems:

1. The menu is sticky, but not “Sticky if Sidebar is smaller than the screen height, scroll otherwise”. and on smaller desktop screens it can’t be scroll down.
2. For some reason, the code added a large pudding on both sides of the main content.

can you pls hlpe me fix both of those problams?
Thanks so much!

Hello again,

Me and a co-worker have put together some javascript that would allow video to play on our site when in the viewport and pause the video when you are outside of the viewport: https://codepen.io/trafficdaddy/pen/ExKrpPB

The problem is it appears the videos are being wrapped in mediaelementplayer which appears to be preventing our code to fire correctly.

example of one of our videos in the text block html:
<div id=”myVideo” data-aos=”fade-right” data-aos-duration=”1500″ data-aos-delay=”500″>

[video muted="muted" width="800" mp4="http://maymobilitydev.wpengine.com/wp-content/uploads/2020/09/Masthead_Video_1920x1080.mp4" (hosted on WPengine) type="video/mp4"][/video]

</div>

our JS currently in the functions.php file:

function custom_video_scrolled_script(){
?>
<script>
(function ($) {
var media = $(‘video’).not(“[autoplay=’autoplay’]”);
//for media, you could give your scroll play videos a class if you need to make it more specific. This would play ALL html5 video tags when scrolled too.
var tolerancePixel = 80;

$(document).on(‘scroll’, checkMedia);

function checkMedia(){
// Get current browser top and bottom
var scrollTop = $(window).scrollTop() + tolerancePixel;
var scrollBottom = $(window).scrollTop() + $(window).height() – tolerancePixel;

media.each(function(index, el) {
var yTopMedia = $(this).offset().top;
var yBottomMedia = $(this).height() + yTopMedia;

if(scrollTop < yBottomMedia && scrollBottom > yTopMedia){ //view explaination in In brief section above
$(this).get(0).play();
} else {
$(this).get(0).pause();
// $(this).get(0).currentTime = 0;
}
});
}
})(jQuery);
</script>
<?php
}
add_action(‘wp_head’, ‘custom_video_scrolled_script’);

could you advise on the tweaks needed to make this work properly?

Hello,

I have recently had my website designed and I have a few small issues.

Wesbite: https://brinnick-autolocksmiths.co.uk/

– My full width easy slider no longer shows images on all of my services pages. This was fine up until 2-3 days ago. It now just shows a large white space. I have tried disabling plugins, deleting and re-adding them, no luck at all.

– ‘Makes & Models’ Sub-categories doesn’t scroll down properly so it’s missing some of them at the bottom. It is quite a long list which I understand may be unusual but I need to have it.

I have tried to add the below code but it doesn’t look great and also gets rid of secondary sub categories in ‘Areas Covered’.

.main_menu .menu ul {
height: 500px;
overflow: hidden;
overflow-y: scroll;
}

Please see an image of the issue here (note that it’s missing the bottom 5 car brands in the list and it doesn’t scroll)

Link: https://imgur.com/jDSkL86

• This topic was modified 5 years, 6 months ago by mason7773.

Hi @yigit
all content from the homepage is gone:
URL: friedhelmkaendler.de/

The only thing i did was updating WP from to the latest version (from the version before)
(YES, i cleared the cache)

The content in ALB is still there:

[av_section min_height='50' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='https://friedhelmkaendler.de/wp-content/uploads/2018/09/slider2.jpg' attachment='121' attachment_size='full' attach='parallax' position='top center' repeat='no-repeat' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.4' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-jlz6nsbc']
[av_heading heading='Friedhelm Kändler' tag='h2' style='blockquote modern-quote modern-centered' size='5vw' subheading_active='subheading_below' subheading_size='22' margin='' margin_sync='true' padding='10' color='' custom_font='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jlz7g6l8' admin_preview_bg='']
Wenn ich mich verlaufe, bin ich woanders, wenn ich mich verstehe, bin ich bei mir?
[/av_heading]
[/av_section]

[av_section min_height='50' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='' id='' color='alternate_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-jlz6nsbc']

[av_three_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-eyi6']

[av_toggle_container initial='0' mode='accordion' sort='' styling='' colors='' font_color='' background_color='' border_color='' colors_current='' font_color_current='' background_current='' background_color_current='' background_gradient_current_color1='' background_gradient_current_color2='' background_gradient_current_direction='vertical' hover_colors='' hover_background_color='' hover_font_color='' alb_description='' id='' custom_class='' av_uid='av-jlz7n1xy']
[av_toggle title='Leben' tags='' av_uid='av-h7inb' custom_id='']
Friedhelm Kändler, geb. zur Jahrhundertmitte in Hannover, als Sohn (gewünscht war eine Tochter) des Verwaltungsangestellten Friedrich Kändler und seiner Ehefrau Adele.

Nach reicher, fantasievoller Kindheit bewältigte er die Schulzeit, sammelte in kurzer Wehrzeit (2 Monate und 4 Tage) mehrere Disziplinarverfahren ein - wegen Schießbefehlsverweigerung und anderer Nachlässigkeiten, leistete Zivildienst im Krankenhaus (am Silbersee), studierte Pädagogik und schrieb seine erste Examensarbeit zur Frage der Logik in der Grammatik.
Er erledigte seine Lehramtsprüfungen in den Fächern evangelische Theologie und visuelle Kommunikation (Nordhorn), arbeitete in der Erwachsenenbildung (Düsseldorf-Kaiserswerth), sodann mit dem Ziel von mehr Zeit in diversen Halbtagsanstellungen (Hannover) und wechselte in den 80er Jahren ins selbständige Schreibfach.

Kändler begleitete seine schriftstellerische Tätigkeit mit Auftritten, heimste Preise ein, schuf den Epochenbegriff des WoWo und entschied Anfang 2000, sich aus dem Bühnenleben zurückzuziehen. Er verließ seine Geburtsstadt Hannover, zog nach Südhessen, ins trüb-friedliche Kleinstadtleben (Pfungstadt / Haus Wildkind). Dort hockt er derzeit – unverheiratet, verwaist und kinderlos, aber mit Büchern.
Bei letzter Anfrage gab er an, durchaus zufrieden zurückblicken zu dürfen, und auch nach vorne hin gäbe es noch Worte.

Siehe auch <a href="https://de.wikipedia.org/wiki/Friedhelm_Kändler">Wikipedia</a>

Siehe auch Youtube / <a href="https://www.youtube.com/channel/UCrfECUdLNo-W-63Nw8wNWkQ">WoWosho</a>
[/av_toggle]
[av_toggle title='Rosen' tags='' av_uid='av-6l6rb' custom_id='']
<a href="https://friedhelmkaendler.de/wp-content/uploads/die-band-31.jpg"><img class="aligncenter wp-image-431" src="https://friedhelmkaendler.de/wp-content/uploads/die-band-31.jpg" alt="" width="600" height="400" /></a>„Ich habe Jugend nachgeholt. Zum Teil die meiner Eltern.“

Der Versuch einer Erklärung. Ins Zeitfenster geschaut – es war nach dem Abschluss des zweiten Staatexamens, ich probierte mich als Liedermacher aus, mit einer begrenzten Zahl an Gitarrengriffen, und erregte Aufmerksamkeit. Sie führte zu einer Rockformation, die allerdings nach ersten, durchaus gelungenen Auftritten die Lust verlor, ihre Boxen auf die Bühne zu tragen.

Damals, das Haar noch lang und ebenso alle Zeit dahinter.

Und weiter zurück geschaut, zu den Vergnügen – so nannten meine Eltern die Tanzabende, zu denen ich mitgenommen wurde – und ihrer Musik, zu der dann meine Pubertät erwachte, sich staunend umsah. Klatschrhythmen und sich verzweifelt schmiegende Harmonien, Sehnsucht nach dem Untertauchen in Massenbegeisterung, und so viele Fragen, übersungen.

Jahre gingen dahin, plötzlich ein Schmunzeln: Ob es mir möglich sein würde?

<a href="https://friedhelmkaendler.de/rosen/">Weiter.....</a>
[/av_toggle]
[av_toggle title='Mehrchenstunde' tags='' custom_id='' av_uid='av-7gy9z']
<strong><a href="https://friedhelmkaendler.de/wp-content/uploads/Mehrchen-CD.png"><img class="alignleft size-square wp-image-563" src="https://friedhelmkaendler.de/wp-content/uploads/Mehrchen-CD-180x180.png" alt="" width="180" height="180" /></a>September 2020 - es ist aufgenommen!</strong>

Mit dem Feudel der Technik – eine Sammlung Gedichte, getitelt „MEHRCHENSTUNDE“. In Erinnerung an das Programm „Mehrchenstunde“, mit dem ich tourneet bin, vor Zeiten. Wozu es auch ein Buch gab, im Wehrhahn-Verlag mehrmals wieder aufgelegt, bis zur Vergriffenheit. Und gesagt wurde es immer mal wieder, all das Sagenhafte, Verzauberte und Andersweltliche sollte mal einen gemeinsamen Platz erhalten, auf tönenden Füßen, angesprochen.

Mehr <a href="https://friedhelmkaendler.de/mehrchenstunde/">Infos</a>
[/av_toggle]
[av_toggle title='Missis Jö' tags='' av_uid='av-g5n7z' custom_id='']
Der erste Band der Trilogie "Die Abenteuer der Missis Jö" ist Ende 2018 erschienen - ein dickes Herzenswerk, und wer gelesen hat: Beim Jeroch-Verlag gibt es eine <a href="http://jeroch-verlag.de/halle-der-gespraeche/">Halle der Gespräche</a> und ich würde mich enorm über Rückmeldungen freuen, über Fragen, Zweifel, Kritik und Gefallen!

<a href="https://friedhelmkaendler.de/wp-content/uploads/Missis-Joe-Wand-1.jpeg"><img class="alignleft size-gallery wp-image-357" src="https://friedhelmkaendler.de/wp-content/uploads/Missis-Joe-Wand-1-845x684.jpeg" alt="" width="845" height="684" /></a>
[/av_toggle]
[av_toggle title='B-Gleiter' tags='' av_uid='av-7xdbr' custom_id='']
Weil es mir wichtig ist und weil es so großartig ist, mit anderen Künstlern und Innen zusammen zu arbeiten und ihre Unterstützung zu erfahren.
Weil auch Worte gern mal nicht allein daherkommen, sondern in Gesellschaft von Freunden, von Zeichnungen, Klängen und bewegten Bildern, und es ist ein großes Glück.

Leut´selig.

Oder auch, liebevoll anders getont: Mens´chen.
Abzuleiten von „mens“, der Geist – und dann die Chen-Verniedlichung: Kleine Geister. Der Spuk bereichert.

Manchmal setze ich mich vor eine Kaffeetasse und schwärme. Mit Blick zurück, der eine und andere auch voran.

Nicht alleine fliegen …
So viele B-Gleiter. Es ist unmöglich, sie alle zu nennen. Es gäbe so vieles nicht, ohne sie.

Doch es ist <a href="https://friedhelmkaendler.de/b-gleiter/">da, klicke hier</a>.
[/av_toggle]
[av_toggle title='WoWo' tags='' av_uid='av-9ullz' custom_id='']
<a href="https://friedhelmkaendler.de/wp-content/uploads/2018/09/manifest.jpg"><img class="alignleft wp-image-72" src="https://friedhelmkaendler.de/wp-content/uploads/2018/09/manifest-272x300.jpg" alt="" width="220" height="242" /></a><strong>WoWo ist die Frage auf die Antwort des DaDa.</strong>

Benötigt es eine Erläuterung der Theorie des WoWo? Die Puzzleteile sind aufzufinden, das Bemühen, aus ihnen ein Ganzes zu schaffen, ist unterwegs.
Das ist ein besserer Zustand als fertig und aufgehängt.

Die Erläuterung, warum in einer Straße ein Schuhladen neben einem Schlachter steht, ist ein aufwendiges Geschäft. Manche Pflanze wächst an ihren Orten, ohne sich um andere Gründe zu kümmern als den des Bodens und der guten Hoffnung, dass es dann und wann regnen wird.

Was sich beobachten lässt, muss nicht zwangsläufig sein.

Reime grenzen die Möglichkeit der Inhalte ein, Worte die ihrer Rhythmen. Mit anderem Ansatz gesagt: Wer scheut, seine Kunst als WoWo zu benennen, hat recht, da er scheut.

Kann es sein, dass Unsicherheit mehr Höflichkeit gebiert als Sicherheit? Und ist Höflichkeit nicht eine Form ähnlich des Reimes – eine Äußerlichkeit, die es vermag, ein Glück einzufangen? Nur … Wer will dafür unsicher sein?

<strong>Wowo ist eine Fragekunst.</strong>

Antworten neigen, ein Ende zu setzen. Was ist daran reich? Nun gut … Es sammelt sich derart besser.
Antworten neigen zur Herrschaft. Mit bestem Willen, es kommt vor.

DaDas Kunst besitzt keinen ismus. Einzig derart gilt sie allem WoWo als Vorbild.
Das Nachbild ist unterwegs.

Öffne eine Schublade, finde einen Schrank und krame ihn heraus. Und ewig so weiter, bis ablöst, dass du müde geworden nachgibst. Und frei.
[/av_toggle]
[av_toggle title='Waren' tags='' av_uid='av-3jyg' custom_id='']
"Es sind ja immer erst die Antworten da, dann kommen die Fragen."

So lautet es im Thesenpapier des Wowo, und ganz in diesem Sinn: Es gibt Antworten, gestaltete Ergebnisse der Arbeit Friedhelm Kändlers, eine Zahl unterschiedlicher Bücher, CDs und manch anderes, aber keine T-Shirts. Daran wird noch gearbeitet, mit Sinnfrage und immer neu suchend nach alternativen Möglichkeiten - zum Beispiel Stirnbänder oder auch Schweissbänder genannt würden passen, beschriftet mit einem Denkanstoss, zugleich geeignet, bei Stössen des Kopfes den Prall zu mildern ...

Was vorläufig angeboten werden kann, sehen Sie <a href="https://friedhelmkaendler.de/waren/">hier.</a>
[/av_toggle]
[av_toggle title='Abendfüllend' tags='' custom_id='' av_uid='av-93mxj']
Über die Jahre sind nicht wenige Worte zusammengekommen. Manche sind abendfüllend. Niedergeschrieben mit Blick auf die Bühne.

Spielworte.

In mehren Akten oder mit selbst gewählter Pause, je nach Regie – mehrpersonig. Ich habe vor Zeiten meine Worte gerne selbst gespielt, manchmal geschieht es auch heute noch. Doch für solche war und bin ich nur einer allein und damit zu wenig.

Großstücke.

So nenne ich sie, und wer mag, kann <a href="https://friedhelmkaendler.de/abendfuellend/">hier</a> einen Blick werfen.
[/av_toggle]
[av_toggle title='Kontakt' tags='' av_uid='av-3do2' custom_id='']
[av_contact email=' (Email address hidden if logged out) ' title='Senden Sie mir eine Mail' button='Senden' on_send='' sent='Ihre Nachricht wurde versendet!' link='manually,http://' subject='' autorespond='' captcha='' form_align='' color='' av_uid='av-bop2' admin_preview_bg='']
[av_contact_field label='Name' type='text' check='is_empty' av_uid='av-99rm' options='' multi_select='' av_contact_preselect='' width=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' check='is_email' av_uid='av-7jsi' options='' multi_select='' av_contact_preselect='' width=''][/av_contact_field]
[av_contact_field label='Betreff' type='text' check='is_empty' av_uid='av-69ti' options='' multi_select='' av_contact_preselect='' width=''][/av_contact_field]
[av_contact_field label='Nachricht' type='textarea' check='is_empty' av_uid='av-41ne' options='' multi_select='' av_contact_preselect='' width=''][/av_contact_field]
[av_contact_field label='' type='html' options='' check='' width='' av_uid='av-gxdmn' multi_select='' av_contact_preselect='']
Die über dieses Kontaktformular erhobenen Daten dienen ausschliesslich der Beantwortung Ihrer Anfrage und werden nach Abschluß des Vorgangs / der Anfrage gelöscht. Detaillierte Informationen zu unserem Umgang mit Nutzerdaten finden Sie in unserer <a href="https://friedhelmkaendler.de/datenschutzerklaerung/">Datenschutzerklärung</a>.
[/av_contact_field]
[/av_contact]
[/av_toggle]
[/av_toggle_container]

[/av_three_fifth][av_two_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-33ag']

[av_image src='https://friedhelmkaendler.de/wp-content/uploads/2018/09/die-kuh--298x300.jpg' attachment='69' attachment_size='medium' align='left' styling='' hover='' link='lightbox' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jlzcg77y' custom_class='' admin_preview_bg=''][/av_image]

[/av_two_fifth][/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='scroll' bottom_border_style='scroll' scroll_down='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av_element_hidden_in_editor='0' av_uid='av-2ps2']
[av_masonry_gallery ids='168,219,166,165,73,272,71,70,276,68,66,177,226,227,325,253,415,418,565,563,564' caption_elements='none' caption_styling='overlay' caption_display='on-hover' size='flex' orientation='' gap='large' columns='5' av-medium-columns='' av-small-columns='' av-mini-columns='' items='24' paginate='pagination' color='' custom_bg='' overlay_fx='' animation='' container_links='active' id='' custom_class='' av_uid='av-jm0xzwd6']
[/av_section]

Hi,

Please can you let me know if there is any way to change the issue I will describe below (website for reference to view is in private content) – thanks in advance for reading this and your help :)

The header bar (grey one) with the logo – and one containing pages is larger when you first arrive on the homepage and then auto resizes to a smaller size when you scroll down the page.

I prefer the look of the smaller size and would prefer it stayed like this at all times – is there any way to set it so it remains like this constantly please?

Many thanks,

Rob

Hi there,

When you have a look on the website, you see a green “button” (it is actually no real button, it’s a column styled like a button) next to the burger menu. I’ve put 1/5 column into the footer page, position fixed. It should be used for a “Call to action” button (when you click on it, a pop up opens). The thing is, that it hides underneath the header. You don’t see it in the first place, because the header is transparent, but you can’t klick on the button. When you scroll down it hides completley underneath the sticky header. I put quite some code into quick css to style the header – i used different code for the different devices.

Can you pleas give me the right classes / ids to set the right z-index? I’ve allready searched for ours….

on mobile view the “button” is set position fixed on the bottom of the viewport – when you scroll all the way down you can see that it hides underneath the socket.

thank you in advance!

Here is the code, please see link in private content.

/*HEADER MOBILE*/
@media only screen and (max-width: 767px){
.buchen-button{
right: 0px!important;
float: none!important;
height: 30px;
position: fixed!important;
bottom: -20px!important;
z-index: 999!important;
}

.buchen{
top: 5px!important;}

#avia2-menu{
background: #ffffff!important;
width: 100%important;
float: left!important;
position: fixed!important;
height: 50px!important;
-webkit-box-shadow: 5px 5px 15px -9px #000000;
box-shadow: 5px 5px 15px -9px #000000;}

.responsive #header_meta .sub_menu>ul{
text-align: left;
left: -1px!important;
}

.header_color .phone-info {
float: right!important;
text-align: right!important;
height: 40px;
position: fixed;
background: #ffffff;
left: 50%!important;
top: -12px!important;
width: 50%!important;
z-index: 20!important;
}

#menu-item-wpml-ls-4-en{
top: 18px;
font-weight: 100!important;
font-family: ‘lothos-pro’;
font-size: 20px!important;
background: #ffffff!important;
position: fixed;
z-index: 20!important;
}

.av-hamburger{
background: #3074b5;
padding-right: 20px;
padding-left: 10px;
margin-right: -30px;
margin-top: 15px!important;}

#header_main{
top: 30px!important;
height: 125px!important;}
}

/*HEADER TABLET*/

@media only screen and (min-width: 768px) and (max-width: 989px) {
.buchen-button{
width: 150px!important;
height: 80px;
position: fixed!important;
top: 50px!important;
left: 70px;
z-index: 999!important;
}
.buchen{
top: 25px!important;
bottom: 25px;
}

#header {
position: fixed !important;
height: 87px!important;
z-index: 10!important;}

#header_meta{
background: transparent!important;
z-index: 1!important;}

.logo img{
max-height: 60px;
height: 60px;
left: 5px;
top: 8px;}

.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container{
width: 60%;
float: left;
top: -80px;
}

.html_header_top #top .av_header_stretch .container{
width: 40%;
float: right;
}

.av-hamburger{
background: #3074b5;
padding-left: 20px;
padding-right: 15px;
margin-left: -20px;}

#menu-item-wpml-ls-4-en{
top: 20px;
font-weight: 100!important;
font-family: ‘lothos-pro’;
font-size: 20px!important;
}

.av-hamburger-inner, .av-hamburger-inner:before, .av-hamburger-inner:after{
background-color: #ffffff!important;}

}
/*HEADER TABLET HORIZONTAL*/
@media screen and (max-width: 1100px) and (min-width: 989px){
.html_header_top #top .av_logo_right .logo {
right: 46%;
max-height: 50px;
height: 50px;
}
.buchen-button{
width: 150px!important;
height: 80px;
position: fixed!important;
margin-top: -32px!important;
left: 112px!important;
z-index: 999!important;
}
.buchen{
top: 25px!important;}
}

/*HEADER DESKTOP*/
@media only screen and (min-width: 989px) {
/*buchen button*/
.buchen-button{
width: 150px!important;
height: 80px;
position: fixed!important;
top: 32px!important;
left: 130px;
z-index: 999!important;
}
.buchen{
top: 25px!important;}

/*Flyout von links*/
.html_av-overlay-side .av-burger-overlay-scroll {
right: auto;
left: 0;
}

.html_av-overlay-side .av-burger-overlay-scroll {
width: 350px;
-webkit-transform: translateX(-350px);
transform: translateX(-350px);
}

#header_main {
top: -80px;
}

#menu-item-wpml-ls-4-en{
top: 20px;
font-weight: 100!important;
font-family: ‘lothos-pro’;
font-size: 20px!important;
}

.phone-info with_nav{
top: 10px!important;
}

.av_minimal_header .header_bg {
background: #f8f8f8;
height: 80px!important;
}

div#header_meta{
float: right;
width: 25%;
border: none!important;
height: 80px!important;
top: -2px!important;
}

/*change color phone info scroll*/
.header-scrolled{
transition: none!important;}

.header-scrolled .phone-info span {
color: #000000!important;
}

/*hide logo*/
.av_header_transparency .logo {
opacity: 0;
transition: none;
}

/*menu left logo center*/

.html_header_top #top .av_logo_right .logo {
right: 45%;
max-height: 70px;
height: 70px;
top: 3px;
}

/*Burger background*/
.av-hamburger {
background: #3074b5;
padding-left: 20px;
padding-right: 5px;
top: -7px!important;
vertical-align: top!important;
margin-left: -40px!important;
height: 81px!important;
line-height: 80px!important;
}

/*Burger Menu Beschriftung*/
span.av-hamburger:after {
content: ‘MENÜ’;
padding-left: 8px;
padding-right: 8px;
font-size: 20px;
color: #ffffff;
float: right;
}
}