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

for mobile there will be nearly no alternative to let them scroll away.
but some desktop browsers even got troubles with it too: e.g: Safari13

the background-attachment: fixed runs often not as expected.
But there is a workaround to fix this:
https://kriesi.at/support/topic/theme-is-shaking-a-lot-in-safari/#post-1207474

the trick is not to have that background-attachment:fixed – but a container below ( and the pseudo container : before fits well for that ) that has position:fixed
: see link above

by the way if you need more browser support: https://autoprefixer.github.io/

and use then in the link above better :

.bg-fixed {
  clip-path: inset(0 0 0 0);
  background-size: 0 !important;
}

.bg-fixed:before {
  background-image: inherit !important;
  background-repeat: no-repeat;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;  /*** depends on your wanted settings ***/
  will-change: transform;
}

• This reply was modified 5 years, 7 months ago by Guenni007.

this at the end of the answer is the enfold shortcode for that grid-row with all classes and IDs preset.
you can insert that on an empty page in the debug modus field.

You know how to activate the debug mode?
this to child-theme functions.php

// Debug Modus Enfold
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug(){
  return "debug";
}

the only thing to mention is that i use the little plugin of Günter here from the dev team : avia-special-characters
to have special characters on input fields – that is the #amp# for the ampersand.

next to know is my little snippet to use the grid-row alb not as full-width layout element:
to child-theme functions.php:

function grid_layout_notfull(){
?>
<script>
(function($){
    $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize color1"></div>');
    $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
    $('.grid-notfull').css({"max-width": "1510px", "margin": "0 auto" , "padding": "0 50px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

you have to synchronize the 1510px to your setting ( on your page it is 1440px )

and then a lot of flex-box model css for your quick css.
i use on the grid-row an ID : covid-beyond
and a custom-class for not full-width: grid-notfull

/*******************************************/
/****** covid fields responsive behavior *****/
/*******************************************/
#covid-beyond {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: stretch;
    background: transparent !important
}

#covid-beyond .av-subheading_below {
      margin-top:0.3em;
}

#covid-beyond .flex_cell.cell-one, 
#covid-beyond .flex_cell.cell-two, 
#covid-beyond .flex_cell.cell-three, 
#covid-beyond .flex_cell.cell-four {
    display: flex !important;
    width: unset !important;
    flex: 1 1 23%;
    margin: 0 !important;
    padding: 1% !important;
}

#covid-beyond .flex_cell.cell-one .flex_cell_inner ,
#covid-beyond .flex_cell.cell-two .flex_cell_inner ,
#covid-beyond .flex_cell.cell-three .flex_cell_inner ,
#covid-beyond .flex_cell.cell-four .flex_cell_inner {
  display: flex !important;
  flex-flow: column wrap;
  justify-content: space-between;
}

#covid-beyond .flex_cell.cell-one .flex_cell_inner .flex_column,
#covid-beyond .flex_cell.cell-two .flex_cell_inner .flex_column,
#covid-beyond .flex_cell.cell-three .flex_cell_inner .flex_column,
#covid-beyond .flex_cell.cell-four .flex_cell_inner .flex_column {
  flex: 1 1 auto;
  border: solid #aaa;
  border-width: 2px 0
}

/******* comment this out if you don't like the bottom margin on the smaller columns *****/
#covid-beyond .flex_cell.cell-three .flex_cell_inner .flex_column:first-child, 
#covid-beyond .flex_cell.cell-four .flex_cell_inner .flex_column:first-child {
    margin-bottom: 20px;
}

#covid-beyond .flex_cell_inner .flex_column:nth-child(2) {
  margin-top: -2px !important;
}

#covid-beyond .flex_column {
    min-height: 250px;
}

#covid-beyond .cell-one .flex_column {
  background-color: transparent !important;
}

#covid-beyond .cell-one .flex_cell_inner {
  background: linear-gradient(rgba(235,134,78,0.18),rgba(235,134,78,0.6)) !important;
}

#covid-beyond .avia-button-wrap {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/***************  Media Querries *************************/
@media only screen and (max-width:1085px) {
  #covid-beyond .flex_cell.cell-one  {
      flex: 1 1 100%;
  }
  #covid-beyond .flex_cell.cell-two, 
  #covid-beyond .flex_cell.cell-three, 
  #covid-beyond .flex_cell.cell-four {
      flex: 1 1 33.29%;
  }
  #covid-beyond .cell-one .flex_cell_inner {
    width: 100%;
  }
} 

@media only screen and (max-width:930px) {
  #covid-beyond .flex_cell.cell-one, 
  #covid-beyond .flex_cell.cell-two, 
  #covid-beyond .flex_cell.cell-three, 
  #covid-beyond .flex_cell.cell-four  {
      flex: 1 1 49%;
  }
  #covid-beyond .flex_cell.cell-two .flex_cell_inner .flex_column {
      border-width: 2px 0 0;
  }
} 

@media only screen and (max-width:767px) {
  #covid-beyond {
      justify-content: space-evenly;
  }
  #covid-beyond .flex_cell.cell-one, 
  #covid-beyond .flex_cell.cell-two, 
  #covid-beyond .flex_cell.cell-three, 
  #covid-beyond .flex_cell.cell-four {
      flex: 1 1 100%;
  }
  #covid-beyond .flex_cell.cell-two .flex_cell_inner .flex_column, 
  #covid-beyond .flex_cell.cell-three .flex_cell_inner .flex_column, 
  #covid-beyond .flex_cell.cell-four .flex_cell_inner .flex_column {
      border-width: 0 0 2px 0;
  }
  .responsive #top .container #covid-beyond .av-content-small, 
  .responsive #top #wrap_all #covid-beyond .flex_column, 
  .responsive #top #wrap_all #covid-beyond .av-flex-cells .no_margin {
          margin-bottom: 0px;
  }
    
  .responsive #top #wrap_all #covid-beyond.av-flex-cells .no_margin {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
  #covid-beyond .flex_column {
      min-height: 150px !important;
  }
} 

the shortcodes for that grid-row

[av_layout_row border='' min_height_percent='' min_height_pc='25' min_height='0' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' id='covid-beyond' custom_class='grid-notfull big-screens' aria_label='' av_element_hidden_in_editor='0' av_uid='av-1jw1sp']
[av_cell_one_fourth vertical_align='top' padding='20px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' custom_class='cell-one' av_uid='av-huwh']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='20px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='#ffffff' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-6na81d' custom_class='']

[av_heading heading='COVID-Beyond' tag='h2' link='' link_target='' style='blockquote modern-quote' size='' subheading_active='subheading_below' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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-2sx44h3'][/av_heading]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-2wp1dvr' admin_preview_bg='']
Krise als Chance zum Neuanfang auf höherer Ebene
[/av_textblock]

[/av_one_full][/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='20px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' custom_class='cell-two' av_uid='av-wk8rt']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='20px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#f8edff' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-65k3td']

[av_heading heading='Leaders #amp# Organisationen' tag='h3' link='' link_target='' style='blockquote modern-quote' size='' subheading_active='subheading_below' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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-2n5g4o7'][/av_heading]

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-2g5fcav' admin_preview_bg='']
Zukunftsbild und Strategie. Komplexität auf den Punkt. Treffende Entscheidungsfindung.

Entwicklung at once;
Persönlichkeit, Team, Leadership, Kultur, Organisation und Realität
[/av_textblock]

[/av_one_full][/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='20px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' custom_class='cell-three' av_uid='av-12q1c9']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='20px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#fffae0' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-5obfoh']

[av_heading heading='Leaders’ Familien #amp# Freunde' tag='h3' link='' link_target='' style='blockquote modern-quote' size='' subheading_active='subheading_below' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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-25d8pvr'][/av_heading]

[av_button label='Click me' icon_select='yes-right-icon' icon='ue832' font='entypo-fontello' size='small' position='right' label_display='' title_attr='' color='silver' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-k9xvb024' admin_preview_bg='']

[/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-bottom' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='20px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#edf8ff' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-440hrt']

[av_heading heading='Individuen, Paare, Familien, Coaches #amp# Consultants' tag='h3' link='' link_target='' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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-1t8tzgn'][/av_heading]

[av_button label='Click me' icon_select='yes-right-icon' icon='ue832' font='entypo-fontello' size='small' position='right' label_display='' title_attr='' color='silver' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-k9xvb024' admin_preview_bg='']

[/av_one_full][/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='20px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' custom_class='cell-four' av_uid='av-tjj6x']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='20px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#ffe8ef' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-4zyukx']

[av_heading heading='Methoden der Zukunft #amp# Strategische Intuition' tag='h3' link='' link_target='' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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-13ft747'][/av_heading]

[av_button label='Click me' icon_select='yes-right-icon' icon='ue832' font='entypo-fontello' size='small' position='right' label_display='' title_attr='' color='silver' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-k9xvb024' admin_preview_bg='']

[/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-bottom' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='20px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#f2ffe5' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-4llc6h']

[av_heading heading='Lern-Community der HyperTransformatoren, Frühaufstehern #amp# Rulebreakern' tag='h3' link='' link_target='' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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-6mpmv'][/av_heading]

[av_button label='Click me' icon_select='yes-right-icon' icon='ue832' font='entypo-fontello' size='small' position='right' label_display='' title_attr='' color='silver' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-k9xvb024' admin_preview_bg='']

[/av_one_full][/av_cell_one_fourth]
[/av_layout_row]

Oh my gosh, same! I’ve used Enfold 2017 for a few years but just recently got a new license for another site and noticed I have to use the arrow button on the keyboard when dragging a new element to the bottom of the page, whereas before, it would scroll automatically just by moving the mouse to the bottom edge of the browser. It makes adding new content elements from Avia builder much slower and super annoying.

Hi, I’m not sure if this is the same issue, but I’ve encountered a problem with shortcodes showing at the top while having to scroll to the bottom to use the Avia Layout Builder from Enfold 2017.

Of course, this is a little annoying but even more so, I keep getting a message stating “This block contains unexpected or invalid content.” which causes the block to expand to show the entire page, so it takes forever to get down to the builder. Idk why this is showing and the front page seems to look and act completely fine. I tried to resolve it and then save the page once it’s corrected, but when I open the page up again, the error is back.

I think this also has to do with every page claiming “There is an autosave of this post that is more recent than the version below. View the autosave”
When I always save my page after making changes. But now even when I don’t make any changes, it acts as I did by asking if I want to save or leave.

This whole experience is highly frustrating especially since the front end looks completely fine and unchanged, and yet everything that’s supposed to resolve these issues doesn’t actually “stick”.

If someone could please look into it, I’ll provide my login. I’ve searched on all the forums and tried to solve it myself but after a week, I really need your help!

Thank you in advance!!

–Steph