Creating a responsive theme doesn't really have too much to do with Umbraco. There is the obvious making sure your template HTML is structured in a way that responds well to different sized devices. But most of the work to make a website responsive is CSS. You might want to take a look at a few tutorials on how to do so. This one looks pretty good and so does this one.
Umbraco is awesome because you can use any theme you want to use with it.
I personally use wrapbootstrap.com. They have loads of responsive templates (its becoming standard to have responsive design now).
Once youve got your theme, all you need to do is copy all the CSS/ JS files to your root folder. After that copy and paste the HTML pages into your views/ document templates where needed.
Its pretty simple to get a responsive design up and running once you get used to it.
how to create website with responsive theme design etc
Hi
I need to design website in Umbraco with ResponsiveTHEME.
So can anyone please let me know how to design within Umbraco ?
Thanks
Rohan
Hi Rohan,
Creating a responsive theme doesn't really have too much to do with Umbraco. There is the obvious making sure your template HTML is structured in a way that responds well to different sized devices. But most of the work to make a website responsive is CSS. You might want to take a look at a few tutorials on how to do so. This one looks pretty good and so does this one.
Thanks, Dan.
Yup as Dan says - Umbraco is agnostic to what template you use. That's the beauty of it.
Try working through this tutorial (either using the Initializer template which is responsive) or any other responsive template of your choosing.
Rohan, try to install last version of Umbraco using the default HTML5 theme which is a responsive design.
Then you can do a comparison to see where to inject your css or html.
Hello Rohan,
Umbraco is awesome because you can use any theme you want to use with it.
I personally use wrapbootstrap.com. They have loads of responsive templates (its becoming standard to have responsive design now).
Once youve got your theme, all you need to do is copy all the CSS/ JS files to your root folder. After that copy and paste the HTML pages into your views/ document templates where needed.
Its pretty simple to get a responsive design up and running once you get used to it.
Kind regards,
James.
is working on a reply...