Mobile override.css issue

Hello Gavick,
I'm sorry if i asking you in the wrong place, on secutrity & configuration room.
I'm working on Music Template v2.12 and Joomla v2.5.7 now.

My question is, can I override the iphone.css ,android.css, handheld.css in override.css ? I tried that but it didn't works. Am I missing some configuration ?

If I can't do that, please make it works on next update, because it will make our work simple on every update.

Big Thanks from Indonesia.

Hi

Yes You can make such overrides, but Your code needs to be between tags for loading right content. Here are what You need to use:

Code: Select all

/* MOBILE (iphone.css)
--------------------------------------------------------- */
@media only screen and (max-width:719px) {
}

/* TABLET (layout-tablet.css)
--------------------------------------------------------- */
@media only screen and (min-width:720px) and (max-width: 985px) {
}


So, If I use this code:

@media only screen and (max-width:719px) {
}

The override will works on <719px display, am I right ?
So, will the override works on Android, iPhone, and Handheld in one line of code ?

Where is the 'layout-tablet.css' on Music Template ?

Hi

Ok. I think I've made a mistake. I'm explaining regarding Music Free template and You probably are using Music. These are 2 totally different templates.

In Music Free template mentioned solution is working for sure with Music where template construction is a lot different this code should works either for all devices in this screen resolutions. But please check first with some easy customization.