Placing primary and secondary navigation on same row

This topic has 3 replies, 3 voices, and was last updated 9 years, 11 months ago by Eric.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 4, 2014 at 11:49 pm #12104
Bruce
Customer
Love the Epik theme.

I’ve moved the secondary nav below the header and would like it to appear on the same row as the primary nav. Overall layout I seek is like this…

—————————————–
| | |
| LOGO | HEADER RIGHT |
| | |
—————————————–
| | |
| PRIMARY | SECONDARY |
| | |
—————————————–

I’ve got everything lined up as I’d like, except the primary menu. I cannot seem to find the right CSS settings to move it up to the secondary line. and make both visible (right now, secondary is blocking out primary).

Site is http://www.eazystock.com/. Note that I only will use one menu item on both the primary and secondary menus, so overlap shouldn’t be a problem on mobile.

Thanks for any guidance you can provide.
May 5, 2014 at 7:13 pm #12107
mponzi
Customer
Hi:

Afraid I can’t help w/ your question. But looking at our site right now, I like the way your secondary nav is below the primary. Would you mind sharing how you did that and placed the secondary nav on the right?

Thank you!
May 5, 2014 at 9:12 pm #12111
Bruce
Customer
To move secondary menu below the header and align right you…

1. Comment out the following in functions.php

// Reposition the Secondary Navigation
// remove_action( ‘genesis_after_header’, ‘genesis_do_subnav’ ) ;
// add_action( ‘genesis_before_header’, ‘genesis_do_subnav’ );

2. Change “float:left” to “float:right” in style.css in this section.

.nav-secondary .genesis-nav-menu .menu-item {
float: right;
}

Bruce
May 6, 2014 at 8:15 pm #12128
Eric
Customer
@mexdirect did you ever get this figured out?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.