Make Fullwidth-Submenu Element stick to top on Mobile/Tablets

it is enough to delete or comment out these lines :

if( burger_menu.is(":visible") )
{
	this.css({top: 'auto', position: 'absolute'}); fixed = false;
	return;
}

This : .responsive #top .av-switch-990.av-submenu-container on media querries setting had to be changed because:
these are unfortunately set to “!important” in the corresponding menu.css these are very difficult to write over afterwards. Therefore we must also generate a child-theme menu.css. So it is probably best if we upload all changed menu files into the shortcodes child-theme folder.
Download all from here: https://webers-testseite.de/menu-files.zip

Upload them to your child-theme shortcodes folder – so that these are loaded then, you should have this in child-theme functions.php.

function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);

and this comes to quick css

@media only screen and (max-width: 989px) {
  #top .sticky_placeholder {
    position: absolute;
  }
}

Result see here: https://webers-testseite.de/transparent-header/

PS: i did not test it for fixed-frame – maybe there had to be some adjustments on that calculation.

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