2

I am using multiple packages for various themes

example::

default/hellowired, rwd/default etc. 

The mobile site is being loaded from another package than the desktop package. Everything is working fine but when I merge the css, the css is not being applied in mozilla firefox browser only. The firebug shows Styles section blank with a message to create new rule. The same website with css merge is working fine in other browsers. I checked by viewing source, merged css files are loading fine in mozilla firefox. I have cleared the old merged css files from media/css/..

Please let me know the steps how can I identify the issue or if there any solution.

1

No clue about the CSS merge feature, but afaik Fooman_Speedster does it a lot better. So you might just install that.

Copied from the comments:

Thanks for the mention - I really would like most users to use Speedster Advanced

1

First thing that comes to mind is clear your FireFox cache. If that doesn't help, try to group all the js and css in your mobile theme. Example:

<action method="addItem"><type>skin_js</type><name>js/jquery.js</name><group>mobile</group></action>

Notice the group parameter. Make sure that you don't add the same group parameter to css and js links in both themes.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.