Custom CSS for mobile

  • Author
    Posts
  • #790995

    stthrudtest
    Member

    I’m creating a blog for a client that requires some custom styling. The blog is hosted at wordpress.com 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)
    into
    @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 innovateblog2.wordpress.com.

    #791141

    wpgaurav
    Member

    Just a comment: WordPress.com 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.)

    #791142

    stthrudtest
    Member

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

    #791145

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

    #791146

    stthrudtest
    Member

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

    #791148

    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.

    #791151

    stthrudtest
    Member

    Of course, I understand.

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

    #791152

    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.

    #791168

    stthrudtest
    Member

    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.