Creating two different navigation menus

Hi
I installed the above mentioned plugin “page-specific-menu-items” with wordpress 4.8.3, enfold 4.2. Works fine on desktop version, but not with the mobile Burger menu. There, every menu item is visible. The plugin works with “hide-this-item”. Could it be, that the plugin is not compatible with enfold??

Here is the answer of the developper to some other user with the same problem:

“The easy solution would be to add !important at the end of the css declaration. But then it might not work if hide_this_item class is removed by some javascript (that is the major problem with many javascript responsive menu plugins).”

Don’t know, if that helps.

Or any idea? Would appreciate to get a hint for a solution.
Thanks
René

Dear Basilis

Thank you for the quick response.

Could you tell me, if the theme has some javascript which remove „hide_this_item“?
Just to be able to tell the plugin developer that this is not the case.

And I think, when he mentioned to add !important at the end of css declaration, he’s talking to css of the plugin, right?

Thank you
René

Hi Ismael

Tought, that could work, but this functions are comin’ from the plugin to add the hide_this_item class:

/**
		 * adds styles to the head of the page in frontend
		**/
		function psmi_hide_menuitems(){
		
			echo '<style type="text/css" media="screen">';
			echo '.menu-item.hide_this_item { display: none !important; }';
			echo '</style>';
			
		}
		
		
		/**
		 * adds 'hide_this_item' class to each checked menu item
		**/
		function psmi_add_menu_class( $items , $args) {
			
			$currentpage_items = get_post_meta(get_queried_object_id(), PSMI_TEXTDOMAIN.'_currentpage_items', true);
			
			if (!empty($currentpage_items) && $currentpage_items[0] !=''){
				$psmi = Page_Specific_Menu_Items::get_psmi_defaults();

				foreach ( $items as $item ) {
					if ('show'== $psmi['items_defaultview'] && in_array( $item->ID, $currentpage_items ) ) {
						$item->classes[] = 'hide_this_item '; 
					}
					if ('hide'== $psmi['items_defaultview'] && !in_array( $item->ID, $currentpage_items ) ) {
						$item->classes[] = 'hide_this_item '; 
					}
				}
			}

			return $items; 
		}

Tried to replace by the nth child selector, but didn’t work unfortunately.
René

Hi,
I need to hide the menu items which are checked by the plugin. In the backend, there is the possibility to check the menu items for each page, post etc which should be shown or hide in the frontend.

Best regards,
René