Adding links to page sections to the main nav menu and pages

Hello,

I am using the Optimizer theme to create a website. I would like to have links to specific page sections on the main navigation menu. In addition, I have buttons on each page (at the top). When clicked, I would like for the page to scroll down to display additional page content (or the user can scroll down themselves).

When trying to make a link to a page section on the nav menu, I used to following html/CSS:

<div class=”corevalues”></div>

div.corevalues {
position: relative;
}

div.corevalues a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-decoration: none;
/* No underlines on the link */
z-index: 10;
/* Places the link above everything else in the div */
background-color: #FFF;
/* Fix to make div clickable in IE */
opacity: 0;
/* Fix to make div clickable in IE */
filter: alpha(opacity=1);
/* Fix to make div clickable in IE */
}

Then, I added a custom link (https://d1f.8dd.myftpupload.com/about/corevalues) to the nav menu.
The title to the section disappeared completely and the link on the nav menu did not work.

Can anyone provide me clear directions on how to do this correctly? I have looked at many forums and none of the solutions I tried have worked.