Minimum Pro Primary Navigation

Community Forums Forums Design Tips and Tricks Minimum Pro Primary Navigation

This topic is: not resolved

This topic contains 3 replies, has 1 voice, and was last updated by  katymartin 1 year, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #65818

    katymartin
    Participant
    Post count: 20

    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.

    #65906

    katymartin
    Participant
    Post count: 20

    I 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;

    }

    #66607

    katymartin
    Participant
    Post count: 20

    Bump. Anyone?

    #68052

    katymartin
    Participant
    Post count: 20

    Ok… 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.
    }

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

You must be logged in to reply to this topic.