Custom CSS for mobile

  • Author
  • #790995


    I’m creating a blog for a client that requires some custom styling. The blog is hosted at with the pro upgrade (custom css).

    My problem is that I’m not able to alter styles for mobile devices. I cannot seem to find anywhere to edit the mobile theme and I’m also not able to insert proper media queries in my custom css as wordpress strips out : and () turning:
    @media all and (max-width: 480px)
    @media all and max-width 480px

    Is it possible to alter the mobile theme?
    Can I insert @media queries some other way?

    The blog I need help with is



    Just a comment: uses two mobile themes for blogs:
    1) Minileven for Smart-Phones
    2)WordPress mobile theme by Alex King for Ordinary mobiles

    These are curated in a way that they fit into any screen size. And hence one can not edit these themes. (However, your changed fonts and other styles will appear in a mobile theme.)



    So there is no way to override the styles defined in these themes as they are applied after my own?


    No, we do not have access to the CSS for the mobile themes.



    Ok, is there a way for me to insert proper media queries without worpress stripping out : and () ?


    No, we cannot use queries or PHP or javascript and such. It is all limited for security reasons.

    This is a multi-user platform which means we all share the same underlying files and any bad code used by one user could potentially bring down the entire system.



    Of course, I understand.

    I’ll stick with the stock mobile theme then. Thanks for your help!


    I should mention that if you want that level of control and access, you would have to self-host a wordpress.ORG installation on a third-party hosting service such as bluehost, dreamhost, etc. Figure an average monthly cost, all things considered, of $10 to $25 and you have to do all installations, all upgrades, all backups and all troubleshooting. If you do something, or if something goes wrong and your site blows up, you have to figure it out and fix it.



    I know this, unfortunately that was not an option for us at this point for administrative reasons.

The topic ‘Custom CSS for mobile’ is closed to new replies.