Forum Replies Created
-
AuthorPosts
-
TonyaMember
Let me ask you please, what version of Genesis are you using? And are you using the Metro Pro theme?
Within your functions.php file, do you have the following line of code:
//* Add support for custom header add_theme_support( 'custom-header', array(
This is where the child theme is adding the custom-header option.
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 BootcampTonyaMemberWithout the plugin Genesis Simple Headers (disable it please), if you go to Appearance > Header and then add your logo there, what happens?
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 BootcampTonyaMemberHey 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 BootcampTonyaMemberHey 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 BootcampTonyaMemberOh 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 BootcampTonyaMemberRenee,
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 BootcampTonyaMemberIf 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 BootcampTonyaMemberCan 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 BootcampTonyaMemberThe 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 BootcampTonyaMemberGo into your front-page.php file. Look and see if the page is being forced to content-sidebar via the following line of code:
//* Force Content-Sidebar Layout add_filter( 'genesis_site_layout', '__genesis_return_content_sidebar' );
What you want is this line instead, which forces full width:
//* Force full width content layout add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' );
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 BootcampTonyaMemberAs 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 BootcampTonyaMemberSorry for the delay. Busy day.
Since there's so much code, I created a gist. Go to click here to see the code. These changes apply to your functions.php file.
You can to do the following:
Here is what you want to do within your functions.php file:1. Find the add_theme_support( 'custom-header', array( line within your functions.php file. Then add the callback as shown:
'wp-head-callback' => 'lunarwp_modify_custom_header', // callback so we can modify the css added to the <head>
2. Then just below this (or at the end of the file if you wish), add the function lunarwp_modify_custom_header. Just copy and paste it.
3. Then save the file.
Now once you get this in there, we are going to have to adjust the heights of title area. So at the end of your style.css file where the @media queries are, you need to adjust the .header-image .site a min-height for each of these.
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 BootcampTonyaMemberSounds good, Anita! 🙂
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 BootcampTonyaMemberYou're welcome.
Let me take a look at the mobile. We need to apply another css for the background image to "contain" it; however, I'll need to see where to filter the css that is outputted from the core. I'll get back with you shortly.
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 BootcampTonyaMemberHey,
The problem is a combination of errors within the functions.php and style.css files as the logo is being assigned to multiple HTML tags. Currently here is what is within the CSS:
.custom-header #header { background: url(http://www.archivalmatters.com/wp-content/uploads/2014/06/cropped-logo_Archivalmatters.png) no-repeat !important; } .header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a { background: url(images/logo.png) left no-repeat;
The .custom-header #header is coming either from a plugin or a modification to the functions.php file. The 2nd set is from the style.css file. So let's talk about how to solve.
1. Within the style.css file, go to line 174 and remove:
background: url(images/logo.png) left no-repeat;
2. Add the following after line 174's section, which applies the logo to only the hyperlink:
.header-image #title-area #title a { background: url(images/logo.png) left no-repeat; }
3. For the .custom-header #header, are you using a plugin for this? Or did you add the logo as the header image within Appearance > Header?
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 BootcampTonyaMemberDid you "add the code" or "modify it"? If added, you actually need to modify the existing code.
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 BootcampTonyaMemberHi Susan,
Right now the <header> is set to a fixed width, which is why the pink color stays in that area only. To make it go full-width, please do the following within your style.css file:
.site-header { margin: 0 auto; overflow: hidden; width: 100%; /* 1000px; */ background-color: #cdefec; /* Add the background color here */ } .site-header .wrap { width: 1000px; }
Notice we are making the .site-header full width (100%) while moving the fixed width to the .site-header .wrap tag.
You need to make changes for the mobile responsive areas too within the style.css file (add the .wrap after .site-header):
@media only screen and (max-width: 1024px) { .site-inner, .site-header .wrap,
The rest are fine as they are already set to 100% for mobile.
Cheers
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 BootcampTonyaMemberWhat I typically do for these is modify the following with the functions.php file:
//* Add support for custom header add_theme_support( 'custom-header', array( 'width' => 1090, 'height' => 70, 'header-selector' => '.site-header', 'header-text' => false, ));
What this does is to attach the header image to the <header> element vs the logo area.
You'll want to return the .site-title and .site-title a styling back to what it was previously though.
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