Joomla Templates Club 406,261 posts

[drc3 Friend drc3Join date: July 2006Posts: 46Downloads:0Uploads:7 Thanks: 10 Thanked: 3 times in 1 posts]

#189761

I have JAUniversity and Joomla 2.5. I would like to use a different templates/ja_university/css/template.css file for my moblie devices. Calling it template-mobile.css.

What code can I use, where and how do I put it into my page to make this work.

Thanks.
~d

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#502340

It has been a while since I used that template but I am quite sure you can add your new css rules to the layout-mobile.css files and they should get called when required.

[drc3 Friend drc3Join date: July 2006Posts: 46Downloads:0Uploads:7 Thanks: 10 Thanked: 3 times in 1 posts]

#502363

Thanks so for you suggestion.

I need to be more clear. The situation is I had someone change the template.css file to accommodate menu into some of the modules. These changes apparently are not responsive and have made it so the existing mobile devices, especially phones, do not display like they originally did. The developer then said he could not do any more work on it. Leaving me stuck with non-working mobile devices. I see a desktop view on my mobile devices now. If I substitute the non-modified template.css my mobile views are restored and correct.

So to use your idea do I just add / copy into the entire non-modified template.css to the end of existing layout-mobile.css? There is also a layout-tablet.css. Copy that non-modified into layout-tablet.css too?

It just works so well when I simply substitute one template.css for the other. Its just how it needs to be and “seems” like the way to do it since those modifications were made rendering a non-responsive type of template.css.

Thanks again for suggestions.
~d

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#502364

The problem is that without investigating the changes your developer has made you may find the above suggestions do not work. It sounds to me like your developer may have been struggling a little. To re-do what your developer has done is a little beyond the support we can offer so may I suggest that you find a developer familiar with T3 to work with you getting your site as you want it. Out of interest, what changes did your developer make?

1 user says Thank You to Phill for this useful post

1. drc3

[drc3 Friend drc3Join date: July 2006Posts: 46Downloads:0Uploads:7 Thanks: 10 Thanked: 3 times in 1 posts]

#502368

There are two images attached showing the additions to the style. I’m not sure what the first one does. The second image shows one for each of the new eight menus on the home page. As far as I can tell he made no removal of styles just added new oness

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502456

Hi drc3,

In order to call new .css file for displaying your overriden template-mobile styles, you need to open templatesja_universityetclayoutsdefault.xml, add line:

<file media="only screen and (max-width: xxx px)">css/template-mobile.css</file>

before </stylesheets>

Clear JAT3 cache after saving changes.

Note: Make sure you put your template-mobile.css file into templates/ja_university/css/ folder and select the max-width value of device’s screen you want our template to load your new styles. You can try with max-wisth: 479px .

[Author]

Posts