Joomla Templates Club 406,261 posts

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#191952

Hi Guys,

I’ve got a current site: http://www.dfwcgi.org which was recently upgraded to 2.5.9. I am going to update it to 3.0. What can I do to get this to be responsive?

Also, do you have any examples of iphone layout template code?

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#511122

I’m so sorry, JA Rasite Template does not support responsive layouts.

If you would like to make responsive layout on this template, you can look at my for example as below

Open templates/ja_rasite/css/template.css file

Add script

/* mobile*/
<blockquote>@media (max-width: 767px) {
body#bd .main {
width: 100%;
}
}</blockquote>

You can appear to do that with tablet and mobile layout

/* tablet */
<blockquote>@media(min-width: 768px) and (max-width: 979px) {
// css class
}
</blockquote>

/* fullsize*/
<blockquote>@media (min-width: 1200px) {
// css class
}</blockquote>

[Author]

Posts