Tagged: dropdown menu
-
AuthorPosts
-
March 11, 2022 at 10:39 am #1344110
Hi
I have tried the different elements to create some kind of a dropdown menu, but it doesn’t seem like there is an option?
I am using the element Icon list, to create a list with monthly opdates, therefore I can predict the list getting very long at some point. That is why I would really want to have the list placed inside some kind of dropdown menu.Do you have any solution for that?
Thanks in advance
March 13, 2022 at 1:24 am #1344254Hey Telmore,
Perhaps you could create a menu and then add the navigation menu widget to a widget area and then display that widget on your page with the widget element.
Or you could try a plugin such as Navigation menu as dropdown WidgetBest regards,
MikeMarch 17, 2022 at 11:45 am #1344851Hi Mike
Thank you for your response.
I have tried the first soluation, creating a menu and adding to a widget area – but it still doesn’t display a dropdown menu?Best regards,
SheilaMarch 17, 2022 at 12:41 pm #1344859Hi,
Sorry I see now that it displays as a list and not a dropdown, please try the plugin: Navigation menu as dropdown WidgetBest regards,
MikeMarch 17, 2022 at 2:57 pm #1344915Hi Mike
That worked perfectly. Except, before a popup would appear when click on the headline of each menu element. I did that in the wordpress menu element. Isn’t the plugin compatible with popups/popup maker?
Best regards,
SheilaMarch 18, 2022 at 6:44 pm #1345138Hi,
Thanks for your patience and for the login, the issue was that a select option doesn’t trigger a click and the plugin doesn’t include the custom classes for the popup maker plugin triggers. I was able to add a script that gets the option values and adds them as a class and triggers a click when each one is selected.
I added this to your child theme functions.php:function custom_dropdown_popmake_trigger() { ?> <script> (function($){ $('#select_jp_dropdown_menu_widget-2 option').addClass(function() { return this.value.replace("#", ""); }); $('#select_jp_dropdown_menu_widget-2').change(function(){ $(this).find(':selected').click() }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_dropdown_popmake_trigger');
please clear your browser cache and check the test page linked below.
Best regards,
MikeMarch 23, 2022 at 11:18 am #1345642Hi Mike
Thank you so much – everything works perfectly!
Best regards,
SheilaMarch 23, 2022 at 12:23 pm #1345650Hi,
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 -
AuthorPosts
- The topic ‘Dropdown menu’ is closed to new replies.