• 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

Multiple images showing up in header

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 › Multiple images showing up in header

This topic is: not resolved

Tagged: header, Prose theme, responsive header

  • This topic has 3 replies, 2 voices, and was last updated 11 years, 2 months ago by Christoph.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 12, 2015 at 9:17 am #151855
    magnify28
    Participant

    Was trying to solve the problem of a non responsive header in Prose theme.

    I was trying to add different header image sizes to my site and added the code to show on different mobile platforms. After this I found that the different sized images are layered on top of my original header image. I deleted the images from media but am still having this problem. I can't see how to undo this. Any help would be greatly appreciated.

    http://bit.ly/1cDp7U5
    May 12, 2015 at 11:28 am #151878
    Christoph
    Member

    Hi,

    please deactivate the minifying of the css in the Prose settings. It´s hard to see what is going on in the minified file.
    And changes will only take effect after you deactivate the minifying anyway...

    What code did you add where?

    The code for the smaller image sizes would have to go into the corresponding media queries.
    And you would have to include the original header image directly into the css and not through the customizer/header section inside of WordPress.


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    May 12, 2015 at 5:56 pm #151932
    magnify28
    Participant

    HI Chritoph,

    I undid the minify and worked out why. Instead of adding code, I used the Genesis club lite plugin. I have deactivated it now and am back to square 1.

    How do I make my header responsive? Do I need to add the different sized images and some code? If so, what is the code?

    Thanks.

    May 12, 2015 at 7:24 pm #151945
    Christoph
    Member

    Hi,

    I suggest you follow this tutorial and post here if you run into problems:

    http://thepixelista.com/responsive-genesis-child-theme-logo/


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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