Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1292842

    Hello everyone,

    I know this is not a new topic. But I tried all the solutions I could find on Google and sadly none of them worked for me. On my One-Pager website, I have a Fullwidth-Submenu Element that is only visible on mobile. And when I scroll down, I want that Element to stick to the top-bar (Logo and Burger Menu).

    Can you please help? I´ll give you the login credentials in the private content.

    Thanks a lot in advance.

    Regards
    Agentur Lanzinger

    #1293166

    Hey AgenturLanzinger,

    Could you try this solution posted by Ismael please? https://kriesi.at/support/topic/force-fullwidth-sub-menu-to-be-sticky-on-mobile/#post-1277264

    Best regards,
    Rikard

    #1294353

    Thanks for the answer. I will try it out and report back.

    Regards

    #1294402

    Hello Rikard,

    sadly it didn’t do the trick. Actually nothing happened at all when i deleted the line in the file. Can someone please help?

    Regards
    AgenturLanzinger

    #1294565

    Can someone help?

    #1294584

    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, 2 months ago by Guenni007.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.