Centric Theme – add fixed secondary menu

[babaLucas]

i'm trying to figure out how to add a secondary menu in a fixed position at the top of the site that uses the Centric Theme.

Any assistance on how to accomplish this?

Here's what I want the end result to look: http://bit.ly/WJfTOv [screenshot image download]

http://rogbmc.com

[mssbee]

The site you liked has changed the width of the site header widget area on line #1123 of the style.css to 1280px which forces the menu placed in the header right widget are to move below the logo.

.site-header .widget-area {
color: #fff;
float: right;
padding-top: 10px;
text-align: right;
width: 1280px;
}

[babaLucas]

that's not what I'm referring to ~ in the screenshot from the first post I mocked up how I'd like to have a fixed position secondary menu at the top of the website, similar to other genesis child themes.

any help there?

[mssbee]

I see. Try this:

.nav-secondary {
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.site-header {
    position: fixed;
    width: 100%;
    z-index: 999;
    padding-top: the height of your navbar px;
}

I didn't have to adjust the bumper; however, you may need to fine tune that ccs property also. You may also need to fine tune the mobile versions.

[babaLucas]

@mssbee - I forgot to say thank you! This sent me on the right path and we got it done. Still have some mobile to fix.

Take a look: realtyonebmc.staging.wpengine.com/

[Author]

Posts