Semiologic Site Mobile Compatible

With technology as it is, more and more people are browsing websites with Mobile devices. And more times than not, most sites do not render nicely in mobile screens, in fact, they look horrid! Most webmasters have no idea how to make a website look nice in a mobile device, and/or are just too lazy to implement it.

Getting your Semiologic site to show in a mobile is a fairly simple process, and can be completed within 5 minutes. To do this, you need to follow these simple steps:

1. Create two blank CSS files. Open Notepad or similar, File>Save As, mobile.css (and screen.css) and save as type>All Files.
2. Upload the blank mobile.css and screen.css to your root directory.
3. Add the following two lines of code to your header (change the "domain.tld" to your sites domain name) – In your admin panel go to Settings>Scripts & Meta and add the two lines of code there .

1
2

<link rel="stylesheet" href="http://domain.tld/screen.css" type="text/css" media="Screen" />
<link rel="stylesheet" href="http://domain.tld/mobile.css" type="text/css" media="handheld" />

That is all there is to making your Semiologic website (or any WordPress site) render into a mobile device, that is readable. Enjoy!