How to make logo responsive

Homepage › Community Forums › Legacy Theme Support › How to make logo responsive

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2013 at 5:23 pm #2510
    jlong230
    Customer

      I’m trying to figure out how to make the logo I added respond similar to the “Legacy” text on your demo site.  I like how it’s on the left for wide screens 768px and above and it’s centered on smaller devices.  I’ve tried to copy this with my logo but can’t seem to figure it out.

      http://exitrowproductions.com/devsite/scrc/

      Any tips would be GREAT!

      Thanks!

      January 18, 2013 at 11:30 pm #2514
      Wes
      Moderator

        Since it looks like you added your logo through css, you can add – background-position: center; to your #title-area in your css around line 2684….That will center it when you resize your browser or view from a mobile device.

        If you upload your logo using the standard WP header uploader you can give this plugin a try – http://designsbynickthegeek.com/plugins/genesis-responsive-header.

        January 25, 2013 at 4:40 pm #2634
        jlong230
        Customer

          Thanks.  I’ll try this out!

          January 26, 2013 at 10:13 pm #2654
          Wes
          Moderator

            You’re Welcome!

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.