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

Header Changes as Browser Shrinks

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 › Header Changes as Browser Shrinks

This topic is: not resolved
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 10, 2014 at 2:30 pm #113817
    kilerb
    Member

    So, when I look at the site full screen on a computer it looks great. As I make the browser window smaller, it starts to transform into what seems like mobile versions of the site. We have a large header, and that header has the person's photos all the way to the right. As it shrinks it totally cuts that off. How can I make it so this doesn't happen? Thanks!

    http://daledymkoski.com/
    July 11, 2014 at 7:40 am #113891
    Robin
    Member

    You'll want to experiment with this using something like Chrome's Developer Tools or Firebug, but try adding a background-size: 100% !important; to your .header-image .site-title a rule at line 1013 of your style.css. You'll need to do some further adjustments to the min-height of the same when you get to a smaller media query, and probably change the background color of the .site-header as a just in case. HTH

    I do the best I can with what I’ve got. (say hey on twitter)

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