Custom CSS on mobile

• 

  ricouncil · Member · Feb 13, 2015 at 2:55 pm

  • Copy link
  • Add topic to favorites

  I want to allow custom CSS only on desktops. I deactivated the mobile theme button and also did not check the apply to mobile box in custom css but somehow it still applies to mobile. Is there a workaround?

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

• 

  simplysaru · Staff · Feb 13, 2015 at 4:25 pm

  • Copy link

  Hello there,
  Looks like the theme you are using is a responsive theme. All responsive themes are device aware and adapt themselves to suit the device (Tablets, mobiles, etc.). These themes are created from the ground up to be device aware, so that a better experience is offered to the user. Since the theme is responsive and the customisations are for the theme, they will be applied everywhere and not just only for desktops.
  I think you have to look for a non responsive theme if you are looking for specific layout on all platforms.

• 

  designsimply · Member · Feb 14, 2015 at 11:50 pm

  • Copy link

  I want to allow custom CSS only on desktops.

  You can do this with a media query. Check out this page to learn more about how they work:
  http://en.support.wordpress.com/custom-design/custom-css-media-queries/

• 

  simplysaru · Staff · Feb 16, 2015 at 2:46 pm

  • Copy link

  Thanks Sheri,
  I didn’t know, this existed. Thanks, I learnt something new today.

• 

  designsimply · Member · Feb 16, 2015 at 2:48 pm

  • Copy link

  You’re welcome, simplysaru. :) It’s nice to see you helping and learning here in the CSS forums. CSS can be pretty fun to work with!