Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 4, 2023 at 12:01 am #1400070
    jaimemerz

    Hi there! We’re having an issue with a fullwidth submenu sticking in place on mobile, even though the sticky setting is supposed to be deactivated when the hamburger menu is active. Can you please help us troubleshoot?

    March 4, 2023 at 2:38 pm #1400097
    Mike

    Hey jaimemerz,
    Thanks for the link to your page, but the login is not working please check.

    Best regards,
    Mike

    March 6, 2023 at 9:47 pm #1400294
    jaimemerz

    Hi Mike,
    Sorry about that! It should be working now, thanks.

    March 7, 2023 at 3:02 am #1400301
    Ismael

    Hi,

    The password for the username or email above is incorrect. Please check the login info carefully, or provide another admin account.

    Best regards,
    Ismael

    March 7, 2023 at 10:38 am #1400335
    Guenni007

    this will be not as easy as it sounds – because unfortunately on the one hand in the corresponding css (menu.css) some statements are set to important, which makes an overwriting via quick css impossible, on the other hand there are also some things to change in the script file.

    the whole block : if( burger_menu.is(":visible") ) had to be commented out !

    The possibility now is to have all child-theme files for the menu. And because the css and js files are loaded via menu.php – this had to be substituted too.

    See a working test page: https://webers-testseite.de/transparent-header/

    you can download all files from here:
    https://webers-testseite.de/menu-files.zip
    all files inside this zip comes to your child-theme shortcodes folder ! ( child-theme/shortcodes – if not present allready – create this subfolder )
    If you haven’t still activated the loading of alb via child-theme you had to place this snippet into your 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);
    March 7, 2023 at 12:39 pm #1400344
    Mike

    Hi,
    Guenni007 thank you for sharing your solution to make the fullwidth submenu sticky on mobile, I’m sure many will find this helpful.
    But the issue jaimemerz has is that the fullwidth submenu is sticky on mobile that he doesn’t want, it looks like some custom javascript adding position: fixed; on scroll, but we can’t tell until we can login and evaluate.
    jaimemerz please check the login.

    Best regards,
    Mike

    March 7, 2023 at 1:28 pm #1400351
    Guenni007

    aha – ok – then its your turn to find it in the shallows of the source code. ;)

    March 7, 2023 at 10:29 pm #1400409
    jaimemerz

    Apologies for the incorrect credentials, please see the private content!

    March 8, 2023 at 8:18 pm #1400509
    Mike

    Hi,
    Thanks for your patience and the link to your site, I have not seen this error before, but I see an empty avia-style.min.css in your child theme directory please remove this via FTP and clear your browser cache and cache plugin and check again.

    Best regards,
    Mike

    March 10, 2023 at 10:02 pm #1400788
    jaimemerz

    Hi Mike,
    I removed the avia-style.min.css, but unfortunately we’re still seeing the issue. Any other ideas?

    March 11, 2023 at 12:02 am #1400797
    Mike

    Hi,
    Thanks for the feedback, I first copied your page to my test site and the error didn’t occur so this rules out a bug in the theme, then I saw that you have two parent themes installed Enfold v5.4.1 & Enfold v4.9.2.2 so I tried activating both of these, but the error only occurs with your child theme, so I removed your custom code your your child theme functions.php, but this didn’t solve. I tried disabling your plugins and removing your child theme Quick CSS, but this didn’t solve.
    so I don’t know why this is occurring but this css solves the issue:

    @media only screen and (max-width: 767px) { 
	#top #wrap_all #main #sub_menu1 {
		 position: absolute !important;
		 top: auto !important;
	}
}

    I have added this to your Quick CSS, please clear your browser cache and check.

    Best regards,
    Mike

    March 13, 2023 at 8:45 pm #1401080
    jaimemerz

    Hi Mike,
    That worked like a charm! I also don’t fully understand, but appreciate your troubleshooting. Thank you so much!

    March 13, 2023 at 10:03 pm #1401084
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Submenu sticks on mobile’ is closed to new replies.