Menu items not appearing on selected pages

Support
#1

Hello
I installed Ultimate Member on my website to limit access to members that sign in.
I wanted to remove menu items from certain pages that appear before the visitor logs into the site. Otherwise they could just click on the menu and enter the site without signing in.
I entered the following code in the “additional css” after choosing Customize. I entered this code for each page that I wanted to remove the menu items,
.page-id-707 .menu-item-327, .menu-item-731, .menu-item-361, .menu-item-324, .menu-item-713,
.menu-item-354, .menu-item-358, .menu-item-356{
display: none;
}
The problem is that on the pages that I did not insert this code for, they should show the entire menu. However, they only show the first menu item.
I would appreciate your help .
Thank you
Bill

#2

Hello Bill,

Thanks for writing in! Your custom CSS code is a general code. It really hides all those menu items. Please remove your custom CSS because it is not working. You must utilize the Conditional Menus feature of the Ultimate Member plugin. Please check this documentation instead:

Best Regards.

#3

Thank you for your reply
First, I did exactly what your attached document is saying. I used the Conditional Menus feature of the Ultimate Plugin but it did not work. When this did not work, I put in the CSS.
Even though the CSS is targeting a page number, I understand you to say that it is disregarding the page number and affecting all menus.
I will remove this and try the Ultimate Member approach. In the meantime, If you think of an alternate approach, I would appreciate you letting me know.
Thank you
Bill

#4

Hello Bill,

If you also look at your custom CSS, something is off. The page ID should be included in all other menu items. Therefore, the code should be:

.page-id-707 .menu-item-327, 
.page-id-707 .menu-item-731, 
.page-id-707 .menu-item-361, 
.page-id-707 .menu-item-324, 
.page-id-707 .menu-item-713,
.page-id-707 .menu-item-354,
.page-id-707 .menu-item-358, 
.page-id-707 .menu-item-356{
     display: none;
}

Tip: When using commas in your CSS, it is best that you indent them and into the next lines so that it is easier to spot any mistakes.

Best Regards.

#5

Thank you very much for the additional information.
However, there is great news. I retried the Ultimate Member Conditional Menus. I have no idea why it did not seem to work the first time,
thank you very much for your help
Bill

#6

You are most welcome as always Bill!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.