CSS not displaying on mobile device?

• 

  annascherman · Member · Oct 16, 2015 at 2:26 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I have a lot of custom CSS set up to make my site look as I’d like it to…NONE of this is appearing when I open the site on my phone. I have checked that “enable mobile them” is checked on under “Mobile Options” but what else can I do?

  Ann

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

• 

  jameswelbes · Member · Oct 16, 2015 at 2:30 pm

  • Copy link

  Try unchecking “enable mobile theme”.

  If you have that enabled, all your regular CSS will be overridden by the mobile CSS when on mobile.

  Or, add this to your CSS:

  @media screen and (max-width: 800px) {

  [put CSS you want to effect ONLY mobile devices here]
  }

• 

  annascherman · Member · Oct 16, 2015 at 2:35 pm

  • Copy link

  OK! Unchecking that did solve the problem..

  Now there is a new problem, however. The sidebar is suddenly appearing in the middle of the site content? It seems to not understand the spacing of the overall site. Would the previous code you gave me help to modify that in anyway?

• 

  jameswelbes · Member · Oct 16, 2015 at 2:36 pm

  • Copy link

  The code I provided will allow you to modify the way your site looks on mobile without affecting what it looks like on desktop.

• 

  annascherman · Member · Oct 16, 2015 at 2:38 pm

  • Copy link

  Sweet. Do you think that the issue I described is caused by the max width? I’m just unsure how to play with it because I am not very familiar the @media selector

• 

  jameswelbes · Member · Oct 16, 2015 at 2:51 pm

  • Copy link

  Give this a shot. Should be a good place to start, and you can tweak the CSS from here:

  @media screen and (max-width: 800px) {
  
  .site-header {
      width: 220px;
      left: -25%;
      margin-left: 10%;
  }
  .site-content {
      right: -50%;
      left: 30%;
  }
  }

• 

  annascherman · Member · Oct 16, 2015 at 2:52 pm

  • Copy link

  Awesome, thank you! So helpful!

• 

  jameswelbes · Member · Oct 16, 2015 at 3:12 pm

  • Copy link

  My pleasure!