Going Green – Nav Location Change

Community Forums Forums Design Tips and Tricks Going Green – Nav Location Change

This topic is: not resolved

This topic contains 14 replies, has 4 voices, and was last updated by  RobG 10 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #76996

    sjaythompson
    Member
    Post count: 6

    I’m trying to move the main nav on this site http://69.195.124.144/~ljpearso/ to below the header image.

    Following instructions from Studiopress support, I removed these lines from the functions.php file:

    //* Reposition the navigation
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    remove_action( 'genesis_after_header', 'genesis_do_subnav' );
    add_action( 'genesis_before_header', 'genesis_do_nav' );
    add_action( 'genesis_before_header', 'genesis_do_subnav' );

    When I do this, the nav disappears. It seems to be buried underneath all the content, on the z-axis, as well as vertically. I’d really appreciate any tips on how to not only move the nav div to the top, and also to then position it correctly, vertically (as it seems to be pushed 50 or so pixels into the copy area.

    I replaced the lines above to return the nav to the top of the page, since I need to keep working on the site and the client has to review for now.

    I’m only moderately experienced with css — I know how to modify color and basic appearance, but not so much on understanding how elements push each other around or layer over each other. Any recommended resources on this topic area are also appreciated.

    Thanks!

    • This topic was modified 10 months, 2 weeks ago by  sjaythompson.
    • This topic was modified 10 months, 2 weeks ago by  sjaythompson.
    http://69.195.124.144/~ljpearso/
    #77039

    RobG
    Participant
    Post count: 1053

    Try adding this to your function.php file
    [php]
    //* Reposition the secondary navigation menu
    remove_action( ‘genesis_before_header’, ‘genesis_do_subnav’ );
    add_action( ‘genesis_after_header’, ‘genesis_do_subnav’ );

    [/php]


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #77049

    sjaythompson
    Member
    Post count: 6

    No luck with that tip, Rob. Tried it both with and without removing the other php snippet. Since this is the primary nav, it doesn’t seem likely that the secondary would help.

    When I remove the php in my original post, the nav disappears, but using the Chrome inspector I can see that it’s buried underneath the content area, which is why it’s invisible. My problem is then to modify something (guessing the CSS) to move the buried navigation bar to the top, then slide it up the page (and the content area downward) to make room for the nav between the header and the content.

    I’ve not found the secret sauce to make that happen, however.

    Thanks.

    site url: http://69.195.124.144/~ljpearso/

    #77051

    RobG
    Participant
    Post count: 1053

    But have you tryed using the secondary menu instead?


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #77053

    sjaythompson
    Member
    Post count: 6

    Same issue. You can see it now (have made the changes) – it’s using the secondary menu, but it’s behind everything, and too low. It’s easy to see now, because I haven’t edited the color for the secondary yet.

    #79321

    masonjarsalads
    Member
    Post count: 99

    I’m having the same issue, it seems that you have resolved it. Any tips?

    #79488

    sjaythompson
    Member
    Post count: 6

    Sorry, I don’t. I didn’t get it switched, but the client didn’t mind the location where it was.

    I tried to get some help from Studiopress support — they were only slightly helpful. The last bit of info I got from them was:

    To fix this, you’ll need to remove the negative margin on the top of .site-inner and the extra padding on the bottom of .site-header.

    I assume this is in addition to the edit to the functions.php file that I listed in the initial post on this thread. Those margins and extra padding were set by default with the theme, but I did need to adjust the padding when I changed sizes of header images. I did that in the CSS.

    I may try to monkey with it some more. If you find a solution, please post it back here, if you don’t mind.

    Thanks.

    #80513

    redfive
    Participant
    Post count: 7

    I’m having trouble as well.

    When I add the following to my function.php file:

    //* Reposition the secondary navigation menu
    remove_action( ‘genesis_before_header’, ‘genesis_do_subnav’ );
    add_action( ‘genesis_after_header’, ‘genesis_do_subnav’ );

    and I removed the negative spacing in the negative margins on the top of .site-inner and extra padding on the bottom of .site-header.

    It works on full view, but on mobile the navigation is being pushed below the main content.

    I would like to see a solution on how to solve this.

    #80589

    RobG
    Participant
    Post count: 1053

    @ sjaythompson What theme are you using?


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #80645

    sjaythompson
    Member
    Post count: 6

    Genesis, Going Green child theme

    #80895

    redfive
    Participant
    Post count: 7

    Rob, we are using Genesis, Going Green child theme. This is the website I’m having trouble with. http://www.bggshoppinginc.com/

    I had to revert the site back to before I made the following changes:

    function.php file:

    //* Reposition the secondary navigation menu
    remove_action( ‘genesis_before_header’, ‘genesis_do_subnav’ );
    add_action( ‘genesis_after_header’, ‘genesis_do_subnav’ );

    and I removed the negative spacing in the negative margins on the top of .site-inner and extra padding on the bottom of .site-header.

    Because on mobile the navigation is being pushed below the main content.

    If you would like me to set it back to show you I can, I just can’t leave it that way for very long.

    • This reply was modified 10 months ago by  redfive.
    • This reply was modified 10 months ago by  redfive.
    #80965

    RobG
    Participant
    Post count: 1053

    Which menu are you trying to reposition? Primary or secondary.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #80967

    redfive
    Participant
    Post count: 7

    Trying to reposition the secondary navigation below the header.

    #80970

    RobG
    Participant
    Post count: 1053

    Ok I’m going to install this theme on my test site and see if I can figure out what’s going on


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #80982

    RobG
    Participant
    Post count: 1053

    Ok after playing around with the Going Green Pro theme and taking a closer look in the function.php I see the navagation menus are already reposition and I placed the following codes snippet below that is in the function.php file.

    With that said I tryed to use a different hook like ( genesis_before_content ) and what I see is this method will place the navagation menu behind the content section and will not display correctly.

    It’s going to require some CSS changes in your style.css file in order to get this working and I’m not sure how to make these change right now. I would think you would just have to Reposition the content section to get the menu to show on top of the content.

    [php]
    //* Reposition the navigation
    remove_action( ‘genesis_after_header’, ‘genesis_do_nav’ );
    remove_action( ‘genesis_after_header’, ‘genesis_do_subnav’ );
    add_action( ‘genesis_before_header’, ‘genesis_do_nav’ );
    add_action( ‘genesis_before_header’, ‘genesis_do_subnav’ );

    [/php]


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

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

You must be logged in to reply to this topic.