Hemingway Rewritten not mobile compatible

• 

  madeleineskristensen · Member · Apr 3, 2017 at 7:54 pm

  • Copy link
  • Add topic to favorites

  Hi there!

  I just installed the Hemingway Rewritten theme on my blog and love it so far. However, in the mobile version my header image has been cropped at the top and bottom. Also my menu isn’t visible underneath the header. Is there anyone else experiencing this issue?

  Thanks!

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

• 

  dcoleonline · Staff · Apr 3, 2017 at 11:18 pm

  • Copy link

  Hi there,

  in the mobile version my header image has been cropped at the top and bottom

  Hemingway Rewritten uses a background image for the custom header, instead of an img tag within the HTML.

  Since background images cannot be scaled effectively for different screen resolutions, this means that header graphics in any themes that use this background method are better off not including any text, as it may get cut off, as you’ve seen. A decorative or abstract image works best in these cases.

  If you’d like to try a similar theme which resizes the header, rather than cropping it, you might consider the Yoko theme.

  Also my menu isn’t visible underneath the header.

  This is happening because of the following Custom CSS on your site:

  .main-navigation {
  	background: #fff;
  }

  The icons for the menu and search are light, so they don’t appear well on a white background.

  If you want to keep the navigation background light on your desktop view, but dark on the mobile/tablet views, then add the following CSS to your site on :

  @media screen and (max-width: 750px){
  	.main-navigation{
  		background: #000;
  	}
  }

  I recommend adding it on line 14 of your CSS, to help keep code that affects the same area of your site together.

  Let me know if this helps.

• 

  madeleineskristensen · Member · Apr 4, 2017 at 10:54 am

  • Copy link

  Hi thank you for the help!

  Hahah oh no that’s a shame, I just changed form Yoko because I didn’t like having the comments and dates on the side of the posts.

  I’ll have to think of what to do now!

  Madeleine