• Resolved missteacup

    (@missteacup)


    Hello everyone!
    I thought I’d stick with the 2012 theme when I saw that the Menu appeared under the title (I don’t know why, but I just don’t like blogs that have the menus over the header).
    However, now that I have added a header image the Menu bar appears over the Header. Is there any way of changing that back? I can’t do code, but I could paste something into my CSS add on if that works.
    Here is the site: https://www.themindstyleblog.com/

    Thanks so much in advance!

Viewing 15 replies - 1 through 15 (of 15 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’re gonna have to create a Child Theme for this change.

    Thread Starter missteacup

    (@missteacup)

    Thank you.
    As a Newbie, do you mind if I ask you what a child theme does? What is it good for? Is it simpler?
    And do I still need to make that change if I have the CSS style sheet editor that only overrides part of the original CSS?

    Sorry, I’ve never done this before, and the instructions for the child theme seem a lot more complicated to me right now than they probably are.
    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme.

    And do I still need to make that change if I have the CSS style sheet editor that only overrides part of the original CSS?

    The change doesn’t require CSS.

    Thread Starter missteacup

    (@missteacup)

    Ok, thank you very much.
    I followed the steps and my site looks like this now:
    themindstyleblog.com
    As you can see the Menu or “HOME” is still above the header. How can I change that now?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Copy header.php into your Child Theme directory.

    Then in your Child Theme header.php file, replace all of the code with this; https://pastebin.com/QvJfyw1X .

    Thread Starter missteacup

    (@missteacup)

    Sorry for my utter stupidity, but I am assuming I copy the whole header.php from the parent twenty twelve theme, and then into the child theme directory? If that is correct, where do I find the child theme directory? You don’t mean the CSS style sheet that comes up under editor as the only option when the child theme is open?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I am assuming I copy the whole header.php from the parent twenty twelve theme, and then into the child theme directory?

    Correct.

    If that is correct, where do I find the child theme directory?

    It’s the directory you just made; /wp-content/themes/twentytwelve-CHILD

    You don’t mean the CSS style sheet that comes up under editor as the only option when the child theme is open

    Nope.

    Thread Starter missteacup

    (@missteacup)

    omg. You are a life saver! Thank you!
    That really works.

    I still have so much to learn.

    Thank you very much.

    Thread Starter missteacup

    (@missteacup)

    After all your help I feel bad asking, but if you’re still around,
    is there are an easy way to center the header?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The image?

    Thread Starter missteacup

    (@missteacup)

    Yes, it is off to the left, but I’d like it to really hover over the middle of the menu bar.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your Child Theme style.css file, add this;

    .header-image {
     display: table;
     margin: 24px auto;
    }

    Thread Starter missteacup

    (@missteacup)

    at the bottom? leave the rest untouched?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yes.

    Thread Starter missteacup

    (@missteacup)

    It worked like a charm.
    I need to hire you.
    Thank you!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Newbie, my menu changed when I inserted header in 2012 theme.’ is closed to new replies.