mobile view like desktop view

• 

  serealities · Member · Feb 26, 2016 at 6:14 pm

  • Copy link
  • Add topic to favorites

  is it possible to make the view on my phone like the desktop where the header would go all the way across and the white part of the page would go all the way across rather than showing a frame of the background color on the mobile view.

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

• 

  timethief · Member · Feb 26, 2016 at 6:20 pm

  • Copy link

  The mobile ready theme is a default theme and a completely different theme that you do not need to enable, if your theme is listed as a responsive layout theme here https://theme.wordpress.com/themes/features/responsive-layout/

  The mobile default theme is provided for those who run older themes that aren’t the gold standard which is responsive layout.

  A responsive layout theme adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads, Android and other mobile devices. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

  When we use a responsive theme we disable the mobile theme. Go to > Appearance > Mobile and disable the mobile theme

  You can read more in the support docs at https://en.support.wordpress.com/themes/mobile-themes/

  You can test your site at this link https://www.google.com/webmasters/tools/mobile-friendly/

• 

  thesacredpath · Member · Feb 26, 2016 at 6:46 pm

  • Copy link

  Give this a try and see what you think.

  @media screen and (max-width: 1150px) {
  	#page {
  		max-width: 100%;
  	}
  	#branding hgroup {
  		background-position: 20px 0
  	}
  }