Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro – header and navigation question
- This topic has 25 replies, 5 voices, and was last updated 9 years, 8 months ago by bandj.
-
AuthorPosts
-
June 27, 2014 at 12:47 pm #111786renwilParticipant
I have changed the header height and width of this theme and now need some help with other coding. I would like to float the header more to the left than it already is and I would like the primary navigation to show on the pages.
http:// http://www.vasinterpreting.com/June 30, 2014 at 1:17 pm #112145renwilParticipantIs anyone able to help with this?
Thanks,
Renee
June 30, 2014 at 3:00 pm #112187jodzeeeMemberTo move it to the left, change your CSS to have a margin with a negative value (e.g., margin-left: -100px;)
The theme's setup instructions should explain how to add your primary navigation.
June 30, 2014 at 3:08 pm #112194renwilParticipantThanks for the response! I'll try that on the header and see if it works. On the navigation menu, since I changed the header height, the primary navigation no longer shows. That's the problem I'm having. I guess I didn't explain it clearly.
June 30, 2014 at 3:18 pm #112199jodzeeeMemberOn a large screen, I see two navigation items on the right. It's the only nav bar I see in the code that's set up. Is that the one you're referring to? Depending on the screen size, it moves around - that can be controlled in the CSS as well. When I have it at a certain screen size and go to the Contact page, it looks like it disappears, because "Contact" turns white then and it's sitting on top of your header. It's there, it's just camouflaged!
Hope that helps.
June 30, 2014 at 4:36 pm #112228TonyaMemberAs your logo banner takes up the majority of the real estate in the header, you may want to consider having the main nav menu in the Header Right widget. Rather, I'd leave it as the Primary Navigation Menu, which places it below your logo. Then you do not have to be concerned about it overlaying on top of the logo's white area or even cover the logo itself.
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 5:34 pm #112248renwilParticipantHi Tanya,
That's what I want to do, but the primary navigation is not showing. I've got it set correctly, but because I changed the height of the header, you can no longer see it.
June 30, 2014 at 5:38 pm #112251jodzeeeMemberTake it out of the header-right widget and change the location in the menu screen.
June 30, 2014 at 5:39 pm #112252TonyaMemberThe Primary Nav Menu will appear below the header itself and outside of the <header> tag when it's not included as the Header Right widget.
Did you set the Main Menu in Appearance > Menus to Primary Navigation Menu (i.e. by checking the box and saving it)?
If no, please do this now and see what it looks like. We may need to do some styling to achieve the look you want.
If yes, however, then something else is going on.Let me know. Thanks.
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 5:43 pm #112253renwilParticipantYes, I did. I've checked and double checked it to make sure.
June 30, 2014 at 5:44 pm #112255TonyaMemberCan you open up your site again (out of maintenance) please? Then I can take a look. Thanks
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 5:48 pm #112256renwilParticipantI did.
Thanks,
Renee
June 30, 2014 at 5:48 pm #112257TonyaMemberIf you are comfortable with this, go into your functions.php at line 44. Tell me if the following 2 lines of code are present please:
//* Reposition the primary navigation menu remove_action( 'genesis_after_header', 'genesis_do_nav' ); add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );
Also have there been any other changes within the PHP code itself related to genesis_do_nav action?
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 5:55 pm #112258TonyaMemberRenee,
If those actions are there as I listed above, then it's best to open a Support Ticket and have someone take a more thorough look at your site and code. We are limited as to what we can see from the browser.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 6:05 pm #112263renwilParticipantYes it's there and no I didn't make any changes in the PHP in regards to the genesis_do_nav action. I did open a support ticket and they said it required help they couldn't give and to bring it to the forum.
June 30, 2014 at 6:15 pm #112264TonyaMemberOh man that's a bummer. Let's see if we can solve this then without having a developer like me digging deeper.
Bare with me as we are going to be redundant and walk through step-by-step:
1. Go to Appearance > Menus
2. Using the "Select a menu to edit" selector, select the main menu (whatever you called). Then click on Select button.
It should now be loaded onto the screen.
3. At the bottom, there are a couple of checkboxes for Theme Locations: (a) Primary Navigation Menu and (b) Secondary Navigation Menu. Make sure that Primary Navigation Menu is checked and Secondary is not checked.
4. Click on the Save Menu button.
5. Is the menu now showing below the header?
6. If no, then let's deactivate the plugins. We are searching for what may be conflicting here and plugins are a likely source.
7. Is the menu now showing below the header? If no, repeat 6 until all the plugins are deactivated.
If still no, let me know and we'll keep at it together.
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 6:16 pm #112265TonyaMemberHey Renee,
Make sure that the Custom Menu widget is deleted from the Header Right widget area in Appearances > Widgets too. I'm sure you did that, but just one more redundant step.
Thanks,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 6:20 pm #112266TonyaMemberHey Renee,
As you changed the Header height, you also need to make the following change in your style.css file:
line 468
.site-inner { clear: both; margin-top: 253px; /* Changing this to lower down the .site-inner for the increased header height */ }
line 473
.parallax-home .site-inner { margin-top: 253px; /* Changing this to lower down the .site-inner for the increased header height */
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJune 30, 2014 at 6:58 pm #112274renwilParticipantHi Tonya,
I have removed the custom header from the header right widget area. I deactivated all of the plugins and changed the code in the stylesheet, but still having the same issue. I still can't see the navigation menu on the home page. I can see it now on the interior pages by clicking the Continue button in the post on the home page.
June 30, 2014 at 7:05 pm #112277TonyaMemberOh Ms. Renee,
We've got it now. Ready...?
Open up the front-page.php file and scroll down to line 45, which should be:
remove_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );
We want to comment this line out by doing the following:
//remove_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );
On the front page, it is removing the primary nav menu. Sorry I completely forgot about this line.
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp -
AuthorPosts
- The topic ‘Parallax Pro – header and navigation question’ is closed to new replies.