Mobile design

• 

  lisarhode · Member · Jan 14, 2014 at 6:04 pm

  • Copy link
  • Add topic to favorites

  I was informed that the design on this site looked misconfigured on a mobile device. Is there a way to account for this?

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

• 

  timethief · Member · Jan 14, 2014 at 6:06 pm

  • Copy link

  Yes. Sight is a responsive layout theme so you ought to disable the mobile theme. Know that responsive width means the layout adapts depending on the size of the device being used to view your site. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

  Go to > Appearance > Mobile and disable the mobile theme

• 

  shaunandrews · Staff · Jan 15, 2014 at 4:12 pm

  • Copy link

  Hi Lisa,

  The custom CSS that’s been added to your site is causing some layout issues on smaller screens. If you’d like to continue using the WordPress.com mobile theme, you can choose to exclude your custom CSS from loading on mobile devices. To do so, make sure the “Include this CSS in the Mobile Theme” checkbox is unchecked when editing your CSS:

  http://en.support.wordpress.com/custom-design/editing-css/

  Otherwise, you’ll need to review your CSS and update some styles to make sure they work well on smaller screens. I see you’re already using a few media queries — these can be useful for targeting CSS for various screen widths. You can find a great collection of comment media queries for various devices at:

  Media Queries for Standard Devices

  Let me know if you have any questions. Thanks!

• 

  lisarhode · Member · Feb 5, 2014 at 10:06 pm

  • Copy link

  The body content looks great on my mobile device, it is the sidebar that is not aligning. This is the code from CSS-Tricks for Smartphones:

  /* Smartphones (portrait) ———– */
  
  @media only screen and (max-width : 320px) {
  /* Styles */

  }

  How do I apply this code to the sidebar CSS?

• 

  kardotim · Member · Feb 12, 2014 at 1:13 pm

  • Copy link

  Sorry for the delay. I see you’ve already added that CSS code to your blog.

  Please let us know if you need any further assistance!