Make Your SilverStripe CMS 2.3-3.0 Website Mobile Compatible

It is very easy to make your SilverStripe CMS website compatible to mobile devices! Use this simple css in your theme:

@media screen and (min-width:480px) { 
    /* for normal screens */

    #Header { height:200px;}
    #MainPage { width:80%;}
    #Content { padding: 40px;}


@media screen and (max-width:480px) { 
    /* for small screens */

    #Header { height:40px; }
    #footer { display:none; }
    #MainPage { width:100%}    
    #Content { padding: 5px;}    


Looking for quality SilverStripe Web Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , , , | Posted under SilverStripe CMS | RSS 2.0

Author Spotlight

Teet Bergmann

Teet Bergmann

I'm a freelance web designer from Estonia. Mostly doing sites using Silverstripe, magento, prestashop, wordpress.

Leave a Reply

Your email address will not be published. Required fields are marked *