Joomla Templates Club 406,261 posts

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#196310

Hello!

I am trying to modify the css of the mobile version of the template but don’t know how to use computer to find the css properties. Is there any method to show the mobile version of the website on the desktop? Thanks!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528709

you check on the css files, find these type of css codes

@media (max-width: 767px) {
//css codes
}

Irrespective of this 767px, all are considered to be Mobile and tablet version of css.

Please be more specific for what object in your template you are looking for the mobile css.

1 user says Thank You to chavan for this useful post

1. imported_skillfulken

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#528710

Understand now, thanks Chavan! Moreover, is there any method to display my template in the mobile version using desktop just like the LIVE DEMO?

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528722

post your site Url, And I don’t understand the exact solution you are looking for. can you please explain in detail.

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#528726

Sure:) When I edited the css of the mobile / tablet layout of the template, I need to use my smartphone to check the new modification. I wonder if there is any method to do this on the desktop, i.e. showing the website in its mobile layout format just like the LIVE DEMO of this template. There are a mobile icon which changes the template in its mobile style. Please see the red area in the attached file. Thanks!

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528728

For checking the site on all width layouts. I got it

Please Install firefox, open a site and then go to Tools -> Web Developer -> Responsive Design View.

There you will have predefined width for all the devices. so you can check using that.

try this tutorial http://tinyurl.com/kcb8bl9

1 user says Thank You to chavan for this useful post

1. imported_skillfulken

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#528730

That’s what I looking for. Thanks a lot!

[Author]

Posts