Support » Themes and Templates » [Theme: Twenty Twelve] Modify position & behavior of header links

  • Resolved Vivek Hutheesing


    Hi There!

    I’m new to and am trying to modify the Twenty Twelve theme’s header links (i.e. About Blog Resources Etc.) so that they are at the very top of the web page (a position modification) and so that they stay there in view when one scrolls all the way down (a behavior modification).

    I tried making changes to the header.php code shown in the WP dashboard after clicking Appearance > Editor > Header but it did not seem to affect my header links or anything else for that matter, even after refreshing the web page.

    I’d be grateful for any help on this matter as I’m a WP newbie.

    Many thanks,


Viewing 15 replies - 1 through 15 (of 56 total)
  • Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    OK, I will try to implement your suggestions.

    But since I’ve already made some minor edits, is there a way to restore the original code that shows when I click on Appearance > Editor while inside the WP dashboard?

    Not clear on how I create a child theme. Is this done within the WordPress Dashboard? Where do I go? What do I press? I don’t see a “Create Directory” button anywhere. This page:

    does not seem to provide any answers. Please help.



    OK, did this by installing a plugin called child theme configurator

    Site url?

    It’s temporarily at a subdomain of my Company while I’m learning:

    Still not sure how best to create a child theme to modify it. Do you recommend creating a directory using FTP or the plugin I just installed.

    Here’s site that basically modifies the header the way I’d like to, although the site owner just told me she’s using the Twenty Thirteen theme:

    Thanks a bunch,


    Hi again esmi – any step by step help you can provide on modifying the position and behavior of my header links would be most appreciated. I’ve been spinning my wheels on this for a while now. Thanks so much, Vivek

    Hi esmi,

    I followed both your original suggestions. The child theme approach was complicated and I could not get it to work. The CSS plugin approach looks promising – the Simple Custom CSS plugin is a great plugin that’s well reviewed, so thanks – but I still have not been able to modify my header using the plugin. I have been able to change the font color, as a test, but not modify the header, even though I’ve watched multiple youtube videos on CSS code that should work.

    As mentioned, I’m using the Twenty Twelve theme, and would greatly appreciate it if you could help me figure out what CSS code I need to put into the Simple Custom CSS plugin

    thanks again,


    The child theme approach was complicated

    Why? What were you having a problem with? You can download a pre-made Twenty Twelve child theme from here

    I couldn’t create a child them manually (via FTP) so I tried by activating a plugin called Child Theme Configurator but it was confusing, even after watching the author’s video about it. So then I de-activated it and activated a much simpler and more elegant plugin called Simple Custom CSS, but could only change the font color, not fix the header.

    So I’m guessing that I must figure out how to create a child theme, and so really appreciate that link you just posted. I went to the site, downloaded the Twenty Twelve child zipfile, but the site just says upload it from WP and activate it. How do I upload it? I do not see an upload button anywhere in WP. I need step by step guidance I guess (e.g. open this WP item, click that menu link, etc.).

    Do you know how to upload the zip file I just downloaded?

    Thanks again! Soon I’ll be able to help others here!!

    Have a look at Using_Themes.

    Hi esmi,

    That was a very useful link to read and showed me how to upload the twenty twelve child zipfile. With fingers crossed, I proceeded, and it looked promising until it failed. I got this message on the screen:

    Installing Plugin from uploaded file:
    Unpacking the packageā€¦

    Installing the pluginā€¦

    The package could not be installed. No valid plugins were found.

    Plugin install failed.

    Return to Plugins page

    I will try unzipping it and seeing if I can figure out which file to upload. Then I will try contacting the folks who kindly provided this option.

    Oh well, thanks again for your mindshare on this!


    It’s a theme – not a plugin!

    Woops. You are right, my mistake. It worked. Thank you esmi.

    Now that my child theme is active, I believe I must figure out how to modify the CSS file to change the header position and behavior. Will report back, hopefully with success!


    When I modify the style.css file of my newly activated child theme, do I start by copying into it the header.php file from the parent theme, and then edit it? Or do I instead need to just create (not copy) in the child style sheet the fewest lines necessary to override what’s currently in the parent?



Viewing 15 replies - 1 through 15 (of 56 total)
  • The topic ‘[Theme: Twenty Twelve] Modify position & behavior of header links’ is closed to new replies.