Going Green – Nav Location Change

[sjaythompson]

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!

http://69.195.124.144/~ljpearso/

[RobG]

Try adding this to your function.php file

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

---

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

[sjaythompson]

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/

[RobG]

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

[sjaythompson]

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.

[masonjarsalads]

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

[sjaythompson]

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.

[redfive]

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.

[RobG]

@ 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

[sjaythompson]

Genesis, Going Green child theme

[redfive]

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.

[RobG]

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

[redfive]

Trying to reposition the secondary navigation below the header.

[RobG]

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

[RobG]

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.

//* 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' );

---

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

[Author]

Posts