I used CSS to change my site header to 100% width. How wide should my header be?

• 

  roseeditorial · Member · Oct 18, 2014 at 9:30 pm

  • Copy link
  • Add topic to favorites

  Hello, I added the following CSS to maximize my header width:

  .site-header {
  background-color: rgb(0,0,0);
  max-width: 100%;
  position: relative;
  width: 100%;
  z-index: 4;
  }

  I now want to upload my header image to fit the 100% width. So my question is, how wide should I make my header image (in pixels) to fit 100% width? I’m using the WordPress 2014 theme. Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  roseeditorial · Member · Oct 18, 2014 at 10:12 pm

  • Copy link

  To add to this question, I think I’ll need to add a media query for large screens, and add a larger header for the large screen.

  Currently, on an ipad or smaller, the header fits just fine, but it’s cut off on the right side on large screens.

  So, how do I add the CSS media query, and what size should my header be for large screens, 100% width?

  Hope this makes sense!

• 

  gracejiyoung · Member · Oct 20, 2014 at 5:20 am

  • Copy link

  HI there,

  Can you please add this question to the CSS Customization forum? We have staff/volunteers there that can help you. We like to keep all CSS related issues there:

  https://en.forums.wordpress.com/forum/css-customization

  Thank you!

• 

  roseeditorial · Member · Oct 21, 2014 at 10:40 pm

  • Copy link

  Sure thing, thanks!