batharoy

Sorry about that.
Change .main-navigation div.nav-menu > ul and make it #menu-menu-1 .

With the child theme activated (I hope it is).
Go to Appearance > Editor and open style.css.
You can paste it in there.

#site-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    text-align: center;
    background: #fff;
}

.main-navigation div.nav-menu > ul {
    text-align: center;
}

@media screen and (max-width: 767px) {
    #secondary {
        width: 95%;
        float: left;
        margin-top: 15px;
    }
}

I believe that’s the default action with 2 sidebars. It does the same on my test server.

Correct, activate child-theme, go to Appearance > Editor
You should see header.php & style.css in the list (more if you added any others).

In the header.php look for the nav div starts with <nav id="site-navigation" ends with <!-- #site-navigation -->

Cut & paste that section right below <div id="page" class="hfeed site">

After that we will style & position it correctly with css.

I would actually make to separate lists with the state as a title, that way you could take the state off the LI and it would space better.

#text-5 ul {
    margin: 0;
}

#text-5 ul li {
    width: 50%;
    float: left;
}