Problem with menu is different for different page

Hey robmano,

The menu in this pagehttps://receivingschool.com/?page_id=2907 [call it page 2] appears to be similar to this page https://receivingschool.com/?page_id=1184 [call it page 1].
This menu [page 1] is using a page anchor link. That is why upon clicking the menu it takes you to the section. If you want the same to happen for page 2, you would need to create page anchor links in different sections of the page. Then change the menu links to read something corresponding to the linked sections. Therefore, the menu on page 1 will not be the same as that on page 2. However, they will both have the same anchor link behavior.
Another issue is that you need to ensure the link selected in the menu remains selected/highlighted. As of now only the “Enroll” link appears highlighted throughout.

I hope this information helps.

• This reply was modified 4 years, 5 months ago by bgathuita.

Hello Bgathuita.
I did manage change to fix it by adding custom CSS name for that specific button named Enroll to “menu_button_enroll”
and have added this code found somewhere on the net.
Not sure why is it working now how I wanted but I thought that menu is looking same on every page. I wander what will happen once I have to change name of pages or make page 1 home page.

.menu_button_enroll a {
padding: 10px !important;
background: #90020A;
color: #D1B830 !important;
border: 2px solid #D1B830;
}
.menu_button_enroll a:hover {
background: #fff;
color: #000 !important;
opacity: 1 !important;
}