Okay
  Public Ticket #2774018
Missing Mobile Menu
Closed

Comments

  •  2
    cbctheme started the conversation

    Hi Charles,

    I noticed that ever since we upgraded Passage theme to the latest version, the mobile menu is missing. How do I get this back?

    Under Appearance->Customize->Menus I do see "Mobile Menu", however it does not show up on the mobile devices. How can this be fixed?

    You can check our website at http://cbc4me.org

  •  123
    Charles replied

    Hey there,

    Looks like the Responsive Menu plugin had an update, that has some affects on how the theme was providing quick links. 

    Looking into this, you have a couple of options. 

    1 - In some cases, the Responsive Menu plugin provides the ability to rollback to a prior supported version. For Reference - https://responsive.menu/knowledgebase/migration-from-older-versions/. I was able to rollback to 3.x, but if you prefer to try out their updates, then see #2

    2 - There are some updates needed to help out/align with these plugin updates, but here is what you can do today to fix this. 

    a. Display - If you are having issues with seeing a menu that you've created, make sure to enable the "Use wp_footer Hook" setting that they have under Responsive Menu > Settings

    b. Styles - Import the attached 'Passage - New' Responsive-Menu-Theme, by navigating to Responsive Menu > Setting > Import/Export > Import > Select the .json

    c. Create & Assign - Navigate to Responsive Menu > Menus > create New Menu > enter a name and WP menu to use > then under Select Themes, choose the tab 'Templates' and use the 'Passage - New' template.

    d. Theme Support - Navigate to Appearance > Theme Options > Custom CSS and add this snippet: 

    .rmp-container {

        z-index: 99999; }

    Then confirm that it's working. You can update the viewport size that this shows up on, and the menu used, along with all of the other styles, by navigating to that menu, and customizing with the live preview options the plugin uses.

  •  123
    Charles replied

    Here is a link to the JSON file mentioned in 2.b - LINK / password=themeisland. That link will expire, so I'm providing the actual JSON below for reference if anyone runs into this in the future.

    {"mobile_breakpoint":600,"tablet_breakpoint":"800","menu_name":"Passage - New","menu_to_use":"primary-menu","use_desktop_menu":"off","use_mobile_menu":"on","use_tablet_menu":"on","menu_display_on":"all-pages","menu_show_on_pages":"","different_menu_for_mobile":"off","menu_to_use_in_mobile":"","menu_to_hide":"","menu_title":"","menu_title_alignment":"center","menu_title_font_size":"14","menu_title_font_size_unit":"px","menu_title_colour":"#fff","menu_title_hover_colour":"#fff","menu_title_background_colour":"","menu_title_background_hover_colour":"","menu_title_link":"#","menu_title_link_location":"_self","menu_title_image_icon":"off","menu_title_font_icon":"","menu_title_image":"http:\/\/localhost\/localsite\/wp-content\/uploads\/2021\/02\/passage_logo_r1.png","menu_title_image_alt":"","menu_title_image_height":"","menu_title_image_height_unit":"px","menu_title_image_width":"50","menu_title_image_width_unit":"%","menu_title_padding":{"left":"0px","top":"0px","right":"0px","bottom":"0px"},"menu_search_box_text":"Search","menu_search_box_text_colour":"#7f7f7f","menu_search_box_border_colour":"#dadada","menu_search_box_background_colour":"#ffffff","menu_search_box_placeholder_colour":"#dadada","menu_search_box_height":"50","menu_search_box_height_unit":"px","menu_search_box_border_radius":"","menu_search_section_padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"},"menu_additional_content":"","menu_additional_content_colour":"#fff","menu_additional_content_font_size":"16","menu_additional_content_font_size_unit":"px","menu_additional_content_alignment":"left","menu_additional_section_padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"menu_background_colour":"#f2f2f2","menu_section_padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"},"menu_depth":"5","submenu_descriptions_on":"off","menu_depth_side":"left","menu_depth_0":"0","menu_depth_1":"10","menu_depth_2":"15","menu_depth_3":"20","menu_depth_4":"25","menu_depth_5":30,"menu_depth_0_unit":"%","menu_depth_1_unit":"%","menu_depth_2_unit":"%","menu_depth_3_unit":"%","menu_depth_4_unit":"%","menu_depth_5_unit":"%","theme_location_menu":"","custom_walker":"","menu_width":"99","menu_width_unit":"%","menu_maximum_width":"","menu_maximum_width_unit":"px","menu_minimum_width":"","menu_minimum_width_unit":"px","menu_auto_height":"off","menu_container_background_colour":"#f2f2f2","menu_background_image":"","menu_appear_from":"left","animation_type":"slide","page_wrapper":"","menu_container_padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"menu_close_on_link_click":"off","menu_close_on_body_click":"off","menu_close_on_scroll":"off","enable_touch_gestures":"off","keyboard_shortcut_open_menu":"","keyboard_shortcut_close_menu":"","button_width":"55","button_width_unit":"px","button_height":"55","button_height_unit":"px","button_background_colour":"#000","button_background_colour_hover":"#000","button_background_colour_active":"#000000","button_transparent_background":"on","button_left_or_right":"left","button_position_type":"fixed","button_top":"10","button_top_unit":"px","button_distance_from_side":"1","button_distance_from_side_unit":"%","button_push_with_animation":"off","button_click_animation":"boring","button_line_colour":"#c4c4c4","button_line_colour_hover":"#c4c4c4","button_line_colour_active":"#c4c4c4","button_line_margin":"5","button_line_margin_unit":"px","button_line_height":"3","button_line_height_unit":"px","button_line_width":"25","button_line_width_unit":"px","button_title":"","button_title_open":"","button_text_colour":"#fff","button_font_size":"14","button_font_size_unit":"px","button_title_position":"left","button_title_line_height":"13","button_title_line_height_unit":"px","button_font":"","button_image":"","button_image_alt":null,"button_image_when_clicked":"","button_image_alt_when_clicked":null,"button_font_icon":"","button_font_icon_when_clicked":"","button_trigger_type_click":"on","button_trigger_type_hover":"off","button_click_trigger":"#responsive-menu-pro-button","animation_speed":"0.5","transition_speed":"0.5","sub_menu_speed":"0.2","active_arrow_shape":"\u25b2","inactive_arrow_shape":"\u25bc","active_arrow_image":"","active_arrow_image_alt":"","inactive_arrow_image":"","inactive_arrow_image_alt":"","active_arrow_font_icon":"","inactive_arrow_font_icon":"","arrow_position":"right","submenu_arrow_width":"0","submenu_arrow_width_unit":"px","submenu_arrow_height":"0","submenu_arrow_height_unit":"px","accordion_animation":"off","auto_expand_all_submenus":"off","auto_expand_current_submenus":"off","menu_item_background_colour":"#f2f2f2","menu_item_background_hover_colour":"#dfdfdf","menu_item_border_colour":"#d8d8d8","menu_item_border_colour_hover":"#bababa","menu_current_item_background_colour":"#f2f2f2","menu_current_item_background_hover_colour":"#dfdfdf","menu_current_item_border_colour":"#d8d8d8","menu_current_item_border_hover_colour":"#bababa","menu_link_colour":"#222222","menu_link_hover_colour":"#222222","menu_current_link_colour":"#222222","menu_current_link_hover_colour":"#222222","menu_sub_arrow_border_width":"1","menu_sub_arrow_border_width_unit":"px","menu_sub_arrow_border_colour":"#d8d8d8","menu_sub_arrow_border_hover_colour":"#bababa","menu_sub_arrow_border_colour_active":"#d8d8d8","menu_sub_arrow_border_hover_colour_active":"#bababa","menu_sub_arrow_background_colour":"#f2f2f2","menu_sub_arrow_background_hover_colour":"#f2f2f2","menu_sub_arrow_background_colour_active":"#dfdfdf","menu_sub_arrow_background_hover_colour_active":"#dfdfdf","menu_sub_arrow_shape_colour":"#bababa","menu_sub_arrow_shape_hover_colour":"#8e8e8e","menu_sub_arrow_shape_colour_active":"#222222","menu_sub_arrow_shape_hover_colour_active":"#222222","submenu_font":"","submenu_font_size":"13","submenu_font_size_unit":"px","submenu_links_height":"40","submenu_links_height_unit":"px","submenu_links_line_height":"40","submenu_links_line_height_unit":"px","submenu_text_alignment":"center","submenu_border_width":"1","submenu_border_width_unit":"px","submenu_item_border_colour":"#e2e2e2","submenu_item_border_colour_hover":"#d6d6d6","submenu_current_item_border_colour":"#d8d8d8","submenu_current_item_border_hover_colour":"#d6d6d6","submenu_link_colour":"#222222","submenu_link_hover_colour":"#222222","submenu_current_link_colour":"#222222","submenu_current_link_hover_colour":"#222222","submenu_item_background_colour":"#f7f7f7","submenu_item_background_hover_colour":"#dfdfdf","submenu_current_item_background_colour":"#f2f2f2","submenu_current_item_background_hover_colour":"#dfdfdf","submenu_arrow_position":"right","submenu_submenu_arrow_height":"39","submenu_submenu_arrow_height_unit":"px","submenu_submenu_arrow_width":"40","submenu_submenu_arrow_width_unit":"px","submenu_sub_arrow_shape_colour":"#fff","submenu_sub_arrow_shape_hover_colour":"#fff","submenu_sub_arrow_shape_colour_active":"#fff","submenu_sub_arrow_shape_hover_colour_active":"#fff","submenu_sub_arrow_background_colour":"#212121","submenu_sub_arrow_background_hover_colour":"#3f3f3f","submenu_sub_arrow_background_colour_active":"#212121","submenu_sub_arrow_background_hover_colour_active":"#3f3f3f","submenu_sub_arrow_border_width":"0","submenu_sub_arrow_border_width_unit":"px","submenu_sub_arrow_border_colour":"#212121","submenu_sub_arrow_border_hover_colour":"#3f3f3f","submenu_sub_arrow_border_colour_active":"#212121","submenu_sub_arrow_border_hover_colour_active":"#3f3f3f","menu_font":"","menu_font_size":"13","menu_font_size_unit":"px","menu_text_alignment":"center","menu_links_height":"40","menu_links_height_unit":"px","menu_links_line_height":"40","menu_links_line_height_unit":"px","menu_border_width":"1","menu_border_width_unit":"px","menu_item_click_to_trigger_submenu":"off","menu_disable_scrolling":"off","menu_overlay":"off","menu_overlay_colour":"rgba(0,0,0,0.7)","menu_font_icons":"","menu_word_wrap":"off","desktop_menu_positioning":"absolute","desktop_menu_hide_and_show":false,"desktop_submenu_open_on_click":false,"desktop_submenu_open_animation":"","desktop_submenu_open_animation_speed":"0ms","desktop_menu_width":"","desktop_menu_width_unit":"%","desktop_menu_side":"left","use_header_bar":"off","header_bar_adjust_page":null,"header_bar_breakpoint":"8000","header_bar_logo":null,"header_bar_logo_height":null,"header_bar_logo_height_unit":"px","header_bar_logo_width":null,"header_bar_logo_width_unit":"%","header_bar_logo_alt":"","header_bar_logo_link":null,"header_bar_title":null,"header_bar_html_content":null,"header_bar_height":"80","header_bar_height_unit":"px","header_bar_font_size":"14","header_bar_font_size_unit":"px","header_bar_font":null,"header_bar_background_color":"#212121","header_bar_text_color":"#ffffff","header_bar_position_type":"fixed","header_bar_items_order":{"title":"off","search":"off","additional content":"off","logo":"on","menu":"on"},"items_order":{"title":"on","menu":"on","search":"on","additional content":"on"},"smooth_scroll_on":"off","smooth_scroll_speed":500,"fade_submenus":"off","fade_submenus_side":"left","fade_submenus_delay":100,"fade_submenus_speed":500,"use_slide_effect":"off","slide_effect_back_to_text":"Back","theme_type":"default","menu_theme":"Default","menu_display_device":"","menu_display_condition":"","menu_font_weight":"normal","submenu_font_weight":"normal","menu_text_letter_spacing":"","submenu_text_letter_spacing":"","menu_title_section_padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"},"menu_id":"12"}
    
  •  2
    cbctheme replied

    Charles,

    I was trying to go with option 2, but I do not see "Settings" under Responsive Menu.. Pls take a look at the attached file.

    The version of the Responsive Menu that we are currently using in 4.1.0.




    Attached files:  responsive menu.png

  •  123
    Charles replied

    Thanks for the screenshot. With that version, you'll want to navigate to Responsive Menu > Initial Setup and assign the menu location that you would like to the responsive menu to use (for example, on the demo I am currently using Primary, but you could setup a new one if you wanted to structure the mobile menu differently). 

    From there, if you're styles are different from the demo, you should be able to upload the responsive-menu-settings.json file (attached via zip - you need to unzip and select the file in the next step) by navigating to Responsive Menu > Technical (tab) > Transfer (section) and upload the json file via the import method.

    Let me know where that leaves you.

    Thanks,

    Attached files:  responsive-menu-settings.zip