responsive header plugin

Community Forums Forums Design Tips and Tricks responsive header plugin

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  jhguynn 5 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #88454

    jhguynn
    Participant
    Post count: 217

    Anybody know if Nick the Geek is going to update his responsive header plugin to be compatible with the HTML5 “Pro” themes coming out?

    #97436

    Susan
    Moderator
    Post count: 8969

    I haven’t heard anything, but you might want to go over to his website, and leave a comment. He might have time to respond that way.


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #97479

    jhguynn
    Participant
    Post count: 217

    I have just done so and will report back here any response I get.

    #100187

    jhguynn
    Participant
    Post count: 217

    Never heard back from Nick. Bummer.

    But I did find this: http://thepixelista.com/responsive-genesis-child-theme-logo/

    Looks like a good way to activate several logo images (of different sizes) in a manual way without adding another plugin.

    #100189

    Susan
    Moderator
    Post count: 8969

    I manually add code myself, much as Jessica recommends.


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #100242

    jhguynn
    Participant
    Post count: 217

    Susan:

    Can you advise me how to center a logo image when using this technique? My logo images show up left justified and unresponsive. If I can center the logo images in each of the@media query ranges, the unresponsiveness is manageable. Thanks for your help.

    #100252

    jhguynn
    Participant
    Post count: 217

    I think I answered my own question. If I add the following line before each ‘.header-image .site-title a’ declaration in the @media queries (and make the width correspond to the image/logo width), then it centers nicely:

    .wrap .site-title {width: 320px; margin-left: auto; margin-right: auto;}

    i.e. where ‘width: 320px;’ should be changed to match the logo width wherever it is used.

    • This reply was modified 5 months, 1 week ago by  jhguynn.
    • This reply was modified 5 months, 1 week ago by  jhguynn.
    • This reply was modified 5 months, 1 week ago by  jhguynn.
    • This reply was modified 5 months, 1 week ago by  jhguynn.
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.