CSS Editing in Mobile Theme – Turn it Off!

• 

  mrskatystacy · Member · Dec 13, 2013 at 6:35 pm

  • Copy link
  • Add topic to favorites

  When I edited the CSS to move one of my sidebars to the left side of my page, I unchecked the box that said “use in mobile theme”, but it’s still applying and the page looks terrible on my phone. All the text overlaps.

  Is there another way to force the CSS customization to not affect the mobile presentation?

  It looks really terrible and is affecting a lot of my readers, so any help is greatly appreciated.

  Thank you in advance.

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

• 

  justpi · Member · Dec 13, 2013 at 6:53 pm

  • Copy link

  You have added this:

  .three-column #secondary {
  margin-left: 0;
  position: absolute;
  }
  .three-column #primary {
  margin-left: 280px;
  }

  Turn it to this:

  @media screen and (min-width: 1241px) {
  .three-column #secondary {
  margin-left: 0;
  position: absolute;
  }
  .three-column #primary {
  margin-left: 280px;
  }
  }

• 

  mrskatystacy · Member · Dec 13, 2013 at 7:20 pm

  • Copy link

  Perfect! Thank you so much. I really appreciate the quick response. You guys are great.

• 

  justpi · Member · Dec 13, 2013 at 8:03 pm

  • Copy link

  You’re welcome.
  (“Quick response” is a matter of coincidence: you get a reply fast if someone who can answer your question happens to be around when you post.)