Community Forums › Forums › Archived Forums › Design Tips and Tricks › Minimum Pro Primary Navigation
- This topic has 3 replies, 1 voice, and was last updated 10 years, 6 months ago by katymartin.
-
AuthorPosts
-
October 8, 2013 at 4:29 am #65818katymartinMember
Is it possible to move the primary navigation above the background image (and below the header) on the Home page of Minimum Pro? My menu titles are too wide to use the Header Right widget but the client wants the nav towards the top.
I've thought about using a hook but wondering if there's a simpler solution.
October 8, 2013 at 7:14 pm #65906katymartinMemberI see the following in the functions.php file ~ Can I manipulate this somehow to rearrange the location of the navigation on the Home page? If so... any ideas as to what I need to delete or change?
//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_after_header', 'genesis_do_nav', 15 );//* Reposition the secondary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_footer', 'genesis_do_subnav', 7 );//* Reduce the secondary navigation menu to one level depth
add_filter( 'wp_nav_menu_args', 'minimum_secondary_menu_args' );
function minimum_secondary_menu_args( $args ){if( 'secondary' != $args['theme_location'] )
return $args;$args['depth'] = 1;
return $args;}
October 14, 2013 at 4:58 am #66607katymartinMemberBump. Anyone?
October 21, 2013 at 9:40 am #68052katymartinMemberOk... I guess I stumped the community on this one. All I essentially wanted to do was to create a Home page that read:
Header
Navigation
Background Image
Footer* The old version of the Minimum theme did this naturally.
I have a client who fell in love with the look-n-feel of the Miniumum theme, which I've used on other projects before. But this time I began building on Minimum PRO. There seems to be a major difference in how this theme functions related to to the Home page. I really like on the old Minimum theme how the large background image would scroll up with the rest of the page. With Minimum Pro, it doesn't seem to matter if I choose "fixed" or "scroll" in the Background Image settings, it stays right were it is and all other page content scrolls up and over it.
The part I should probably disclose is that this client ONLY wants the header, primary nav, background image, and footer on the Home page. No other content. So here's what I had to do to get that look and layout:
Step 1: Remove "fixed" position from .site-header in CSS...
.site-header {
background-color: #fff;
border-bottom: 1px solid #eee;
letter-spacing: 1px;
letter-spacing: 0.1rem;
position: fixed; /** remove this line **/
width: 100%;
z-index: 999;Step 2: With no other content on the Home page, the footer is then directly underneath the navigation. So,... I had to add the following to my site's CSS:
.home .site-footer {
background-color: #333;
letter-spacing: 1px;
letter-spacing: 0.1rem;
margin-top: 60rem; /** Added this line, to give the footer some spacing on Home page **/
padding: 10px 0;
padding: 1rem 0;
text-align: center;
}------------
Now I definitely do not claim to be a CSS whiz. In fact, the opposite is true. So this method may be severely flawed. Your COMMENTS are welcome. All I know is that this seemed to work for me and what I'm trying to do.
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.