• I’m building a new site and want to add my company logo at the top right corner of all pages (in the header). The option with twenty twelve puts my logo in the body of the page and I don’t want it there. I imagine I need to add some code to the css?

Viewing 13 replies - 16 through 28 (of 28 total)
  • I do not know for certain since I do my header stuff in header.php, but pick your own numbers here and one or more of these might help:

    width:100%;
    top:48px;
    margin-left:32px;
    z-index:11;

    I suspect that margin with a much bigger number might do what you want.

    CSS code is totally site specific, so it hardly ever works to use some from another site. How did you add the logo? Did you modify the header.php file?

    Thread Starter toolguy

    (@toolguy)

    I found the info here:

    https://en.forums.wordpress.com/topic/twenty-twelve-change-header-logo-location-and-border

    He relocated the header photo. So I put my logo as the header and added the code to the css file in the child theme. It’s good but I need to move it from the left to the right.

    Okay, well that might be okay in this case, but in general .COM and .ORG themes and advice aren’t interchangeable. With this theme, because it’s the default, it may work okay. How far over to the right do you want it?

    Thread Starter toolguy

    (@toolguy)

    All the way. Basically it’s sitting in the perfect spot but it needs to be on the right side, not the left.

    Okay, see how this works:

    img.header-image {
        border-radius: 0 0 0 0;
        box-shadow: 0 0 0 transparent;
        left: 80%;
        position: absolute;
        top: 45px;
    }

    I’m a bit unsure of the positioning because it may misbehave when the page is resized on mobile devices…so do some testing.

    Thread Starter toolguy

    (@toolguy)

    It worked on my laptop but the iPad gets messed up. I would imagine the iphone will be worse. Can it be fixed?

    I am way venturing way past my actual knowledge here, but I think you might have to revert to doing this stuff in header.php rather than style.css in order to keep things properly “mobile-first” (Twenty Twelve’s default).

    Hmm, yeah, I looked at it on my iPhone – ugh :). It’s no doubt possible, more a question of how involved, etc. Twentytwelve is coded mobile-first and I’m not totally up to speed on all the ins and outs of it. Extensive CSS is also a bit outside the scope of these forums – though a few of us like CSS enough to do it anyway :). I need to sign off for a bit, but I’ll look at it some more and see what I can do. But let me ask how you would like it to look on mobile — logo gone or still there, realigned title and logo, resized logo – don’t know if I can do all of those, but in case…

    You could also ask on a CSS forums such as

    https://csscreator.com – they are quite good from what I’ve seen.

    Thread Starter toolguy

    (@toolguy)

    I would like it to work on mobile devices. That’s more important to me.

    I’m thinking I should maybe leave it on the left and either remove my title and tag line or create a new logo with my actual logo, title and tag line all in one jpg file.

    Thread Starter toolguy

    (@toolguy)

    leejosepho: I don’t know a lot about this but I think you’re right. Should I create a header.php file in the child theme?

    Should I create a header.php file in the child theme?

    No, not as such. That is one file you just “copy complete” from Twenty Twelve and place inside your Child Theme folder, then begin your mods there in the Child Theme folder. However, later keep in mind that “copy complete” is not true in relation to all .php files. For example, and if you might ever decide to add a footer area, you originate a complementary functions.php file for your Child Theme and leave Twenty Twelve’s alone.

    Hello, I was able to create thestyle.css but I have two questions that apparently everyone knows but I don’t, and I don’t see the answer here ??
    What should be the name of the logo? and, Where should it be?

    I will apreciate any help, I’m really new to this system

    Thank you

Viewing 13 replies - 16 through 28 (of 28 total)
  • The topic ‘How to add logo on twenty twelve theme’ is closed to new replies.