-
AuthorPosts
-
July 9, 2018 at 4:36 pm #983190
Hello,
I was wondering if there was a way to add some custom content at the bottom of the burger flyout menu (some text + a pdf download link) ?
Is there a template file that I can modify? Or do you know an easier way?
Thanks a lot in advance!July 9, 2018 at 5:51 pm #983272July 9, 2018 at 7:48 pm #983361Hi, thanks for your reply!
Actually, what I’m trying to achieve is to show 2 divs at the same time as the burger overlay when clicking on the burger menu icon, and hide these divs when closing the menu… is there a way to link/use the enfold function that displays and hides the overlay menu when clicking on the burger icon?
Thanks a lot!July 9, 2018 at 11:20 pm #983434Hi,
This would require a bit more JavaScript that can be provided here in the forums. But as for some direction, if you are familiar with JQuery you would want to leverage the Show/Hide command along with an if statement tied to the elements you are looking to toggle.
Best regards,
Jordan ShannonJuly 10, 2018 at 2:17 am #983455Well I’m trying to do something like this ;
<script> $(function() { if ($('.av-burger-overlay').css('display', 'block')) { $('.text-menu-bottom'').fadeIn('300', 'linear') { } else { $('.text-menu-bottom').fadeOut('300', 'linear') { } }); </script>
or
<script> $(function() { if ($('.av-burger-overlay').is(':visible')) { $('.text-menu-bottom'').fadeIn('300', 'linear') { } else { $('.text-menu-bottom').fadeOut('300', 'linear') { } }); </script>
But unfortunately it doesn’t seem to work. I’m not sure I’m targeting the right class…
- This reply was modified 6 years, 5 months ago by maxgorelkine.
July 10, 2018 at 1:20 pm #983653Hi maxgorelkine,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaJuly 10, 2018 at 2:48 pm #983702Hello, here is a the link.
I’ve used the following code for now, but unfortunately it doesn’t always works properly (sometimes the hidden divs are shown when closing the overlay burger).
The idea was to link the visibility of #lalo-language-switcher and #texte-menu-bas divs to the visibility of the overlay-burger-menu, but I’m not sure how…
Tanks a lot!function add_hide_header(){ ?> <script> jQuery('.av-hamburger').click(function() { jQuery('#lalo-language-switcher').fadeToggle('100', 'linear'); jQuery('#texte-menu-bas').fadeToggle('100', 'linear'); }); </script> <?php } add_action('wp_footer', 'add_hide_header');
July 11, 2018 at 8:57 am #984079Hi maxgorelkine,
Thanks for giving us the link to your site.
I have checked it with multiple browsers and it works properly.
If you’re still having issues, can you tell us what errors appear in the console when this happens?Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.