Page width and mobile issues

• 

  zord88 · Member · Sep 25, 2014 at 1:57 pm

  • Copy link
  • Add topic to favorites

  I am using the following code to alter the width of the content on my page. When i do this it makes the website wider as required, but when viewing using a tablet the content goes off the page. Is there some way i can make it forget this code when using a tablet and just dipslay the content as the theme is set.

  .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
  margin: 0 auto;
  width: 700px;
  }

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

• 

  hallluke · Member · Sep 25, 2014 at 2:06 pm

  • Copy link

  Have a look at the support page on media queries which should give you a good grounding in the technique to use.

  Try wrapping your example declarations in this code (don’t forget the closing bracket!):

  @media (min-width:800px) {
    EXISTING_CODE_GES_HERE
  }

• 

  zord88 · Member · Sep 25, 2014 at 2:44 pm

  • Copy link

  Thanks that has worked exactly as i wanted.