exact dimensions for the full width image on the home page

• 

  balancebio · Member · Aug 29, 2016 at 8:51 pm

  • Copy link
  • Add topic to favorites

  I made a custom image on canvas.com that was 1200px x 300px and my images keeps getting cropped. What exact dimensions should I use for the front page featured image?

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

• 

  kathrynwp · Staff · Aug 30, 2016 at 4:28 pm

  • Copy link

  Assuming you’re referring to Edin, running on https://balancebiomechanics.wordpress.com/ – is that right?

  Which image is getting cropped, could you provide a link to it? I see this image set as the “hero area” featured image on the homepage, but the original is only 784 by 295 so I’m not sure that’s the one you mean:
  

• 

  balancebio · Member · Aug 31, 2016 at 9:04 pm

  • Copy link

  That was one I cropped to estimated sizing. The original one I wanted is this one https://balancebiomechanics.files.wordpress.com/2012/04/site-welcome.jpg

  Are there specific dimensions for the “hero” area?

  Also, my site viewed on my phone is non-existent, can you help me with that?

• 

  kathrynwp · Staff · Sep 1, 2016 at 2:09 pm

  • Copy link

  When using the “boxed” layout (as you are, since you’ve chosen a black background colour) the width of the hero area is 1230px on large screens. The height depends whether you have content in your hero page or not — it will be taller to accommodate any content. If you don’t add any content, like your site at the moment, the height will be 360px for visitors (and 384px when you’re logged in and see the Edit link.)

  One thing to keep in mind is that the hero area uses the featured image as a background image that is cropped in different ways on different screens. For this reason, it works best with an image that’s flexible, and usually without text.

  Also, my site viewed on my phone is non-existent, can you help me with that?

  I’d suggest deactivating the separate mobile theme by checking “No” next to “Enable mobile theme” at
  https://balancebiomechanics.wordpress.com/wp-admin/themes.php?page=mobile-options

  The mobile theme is intended only for older, non-responsive themes. Edin is a modern responsive theme that automatically adjusts to devices of all sizes, so the mobile theme isn’t recommended.