StudioPress

Forum navigation

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

Use @media to change header image

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Use @media to change header image

This topic is: not resolved

Tagged: , , , , , , , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 3, 2015 at 10:29 pm #139599
    amiddayinmay
    Member

    Hi All,

    I am using the Swank theme and am trying to figure out how to use the @media css so that my header img swaps to a different image when viewed at 768px and 320px. Have tried to find the correct css for this but cannot get it to work.

    Any suggestions would be greatly appreciated!

    Site: http://www.middayinmay.com

    Thanks so much in advance!

    Kate

    http://www.middayinmay.com
    February 7, 2015 at 5:03 pm #140057
    Susan
    Moderator

    Kate:

    You'll need to remove the custom header upload functionality, and then add in code to give you multiple header images. Try this tutorial (which isn't Swank specific), but should point you in the right direction:

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

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