• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

responsive header logo

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › responsive header logo

This topic is: not resolved

Tagged: header, responsive

  • This topic has 5 replies, 4 voices, and was last updated 12 years, 2 months ago by Ziggur.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 14, 2013 at 5:26 pm #20421
    Peter
    Participant

    I am using Executive theme and would like to know how to make the header logo, currently 1140x100, responsive for all screen sizes

    That is to auto rescale the image to always fit 100% of the screen width for mobile and tablets

    Currently it is maintaining its full size so we lose everything on the right (not good when it has the phone number on the right

    Is there a tutorial for this??

    Thanks Peter

     

     

    February 15, 2013 at 12:22 am #20475
    Derek
    Member

    I think Nick's plugin might be the best fit for you.

    http://designsbynickthegeek.com/plugins/genesis-responsive-header


    ~’;’~

    March 12, 2013 at 8:55 pm #25770
    Peter
    Participant

    I have loaded the responsive header plug in at http://www.redclean.com.au but it doesnt appear to work with an iPad2 or new iPad in Landscape mode

    What can I do to fix this?

    BTW all other images appear to be rescaling correctly

    March 29, 2013 at 12:39 am #31886
    Peter
    Participant

    any one else can offer help??

    July 25, 2013 at 5:30 am #52428
    gianniag
    Member

    I also need help with this, has anyone found a solution? Website just looks stupid with the logo chopped in half

    November 3, 2013 at 6:43 am #70655
    Ziggur
    Participant

    For what it's worth, I found these two methods/tutorials. The second one seemed to work best for me, although as best as I can tell it pretty much kills the ability to use the Header-Right widget area and have it appear as an overlay over the header image on mobile. FYI I'm using this on the Metro Plus theme.

    Customize Header Logo & Banner Images In Metro Theme

    http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble