is there an easier way to make my header in 2012 the entire width of the page with the menu underneath it?
Not without creating a child theme. no.
Thread Starter
llilly
(@llilly)
Okay, so I guess I just need to take the next step up from my fear and do a child theme. I’ve researched the how-to’s. That said I found advise to another poster: to change image size to 100% in header-php…I’m assuming anything with php is within the child theme folder???
(this is the advise referenced)
WordPress › Support » Themes and Templates
[resolved] [closed] Twenty Twelve full width header (11 posts)
You can download a pre-made starter Twenty Twelve child theme from here.
Thread Starter
llilly
(@llilly)
Yep, got the codex info already, thanks! As for the pre-made starter kit…it’s titled for twentyeleven…is that gonna be a problem for me on twentytwelve? Thank you for helping me with this question, I know it’s a bit dumb.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Thread Starter
llilly
(@llilly)
Ahhh…perfetto! Mille Grazie, tutti!
Thread Starter
llilly
(@llilly)
So I’ve been playing around with the editing on the 2012childtheme and changing things, just not what I wanted. First I went into 2012 header.php: cut and pasted it and put in “100%” for both width and height into the 2012 childtheme and it didn’t do what I wanted. Then I went into 2010 template for header.php and cut and pasted it into 2012child and it didn’t do what I wanted. How do I get my child theme to implement changes to my parent theme? Specifically looking like the 2010 home page custom photo header with menu underneath? The try-outs I mentioned rendered a list of the site name & tagline, menu names, my small header image and my text all left aligned in list format. I’m happy to become less fearful of this process, but I do need more direction as to how to do this. Manual recommendations? Helpful hints?
You can’t copy code from one theme to another – themes don’t have the same CSS code so that won’t work. Try using this in the child theme header.php file:
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package WordPress
* @subpackage Twenty_Twelve
* @since Twenty Twelve 1.0
*/
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header id="masthead" class="site-header" role="banner">
<hgroup>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
<?php $header_image = get_header_image();
if ( ! empty( $header_image ) ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
<?php endif; ?>
<nav id="site-navigation" class="main-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="page" class="hfeed site">
<div id="main" class="wrapper">
And then add this to the new child style.css file:
.site-header {
padding: 1.71429rem;
width: 100%;
}
That should at least get you started – though you may need to add some other CSS, depending on what you want to do.
Thread Starter
llilly
(@llilly)
Thanks so much for your help…it’s shown me this is way beyond what I can do now…sigh…at least I conquered the fear if not the actual problem!
I conquered the fear if not the actual problem!
That’s awesome in and of itself. And this may not be all that complicated – you can just try it – if it doesn’t work, just delete that header.php file from the child theme :).
Or come back to it when you’re ready – that’s one of the great things about WP – you can redesign your site pretty easily (compared to some other methods of building websites anyway).
Thread Starter
llilly
(@llilly)
Deep breath; take a break; WPyogi gave me permission to comeback to this later….nice. (I’ll probably come back to it sooner than later…HA!)
Totally – we’ll be here :). And breaks and breathing are always good – for us volunteers too.
Thread Starter
llilly
(@llilly)
I got up ready to get on with this and I really blew it…I cut and pasted all the above suggestions in the areas delegated, updated and this came up: (sorry don’t even know what a backtick is) Parse error: syntax error, unexpected ‘<‘ in /home3/llilly/public_html/wp-content/themes/twentytwelve-child/functions.php on line 4
I suspect it’s due to the fact that my site is called: laurabrunolilly.com
not: llilly
but I don’t know how to fix that in what was given to me.
Unfortunately, I can’t even get to where I can just change the theme back to regular 2012, it keeps putting up the above quoted thing I should have put into backticks but didn’t know what those were. Please just get me back to my old regular 2012. I shouldn’t have fallen for this false sense of confidence.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
“Llilly” is not the name (domain name) of your website, it is just the name of a folder where your website lives.
For example, if I wanted the domain name “andrewnevins.co.uk” I couldn’t just upload a folder named: “andrewnevins.co.uk” to a server.
