CSS on mobile

• 

  humancapitaliser · Member · Dec 30, 2016 at 6:02 pm

  • Copy link
  • Add topic to favorites

  Hello

  Someone know how to make CSS changes only affect the laptop version , not the mobile one?

  I have added some custom CSS and it works properly on laptop but the sildebar is badly impacted on mobile.

  Thanks!!

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

• 

  eallas · Member · Dec 30, 2016 at 6:37 pm

  • Copy link

  Howdy again!

  You can follow the instructions provided at https://en.support.wordpress.com/custom-css/ under the mobile portion.

  To quote:

  Can I apply my CSS to the mobile theme, Minileven?
  Yes. You can opt to apply your Custom CSS to Minileven, our default theme for mobile browsers. To enable this option, go to My Sites → Customize → CSS and look for the settings below the CSS Editor. Check the box next to “Include this CSS in the Mobile Theme.” Your styles will now apply to Minileven. The Minileven theme has a body class of “mobile-theme”, which you can use to write styles that target Minileven specifically. Here’s a simple example that uses the “mobile-theme” body class to give Minileven a red background:

  body.mobile-theme {
  background-color: #ff0000;
  }

  Hope this helps!