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 *


2 − = 0

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>