Hi
Anyone know what might be the cause of this issue.
When I turn off CSS debug mode in development settings. I site looses its link to the CSS and falls apart.
But only while viewing over mobile network. If I turn on the WiFI on the same device everything works as it should.
I have tried this on two android devices and its the same.
Alan
This is caused by restrictions placed by your mobile network. When you disable 'debug' mode, one single CSS file is created which can get rather large. It's most likely your mobile network is blocking altogether or restricting an unknown amount of the CSS styles. Mobile network providers tend to use proxies for your 3G/4G connection for a variety of reasons, one or more of these proxies seems to be eating your CSS for breakfast. On Wifi, you are no longer using the mobile networks proxies, hence the 'problem' disappears.
Who is your mobile provider? Maybe you can research what their file/CSS file size limit is or find a workaround?
Here's an interesting article on the issue - mobile proxy content modification.
[quote name='StellarBytes' timestamp='1387670171' post='173914']
This is caused by restrictions placed by your mobile network. When you disable 'debug' mode, one single CSS file is created which can get rather large. It's most likely your mobile network is blocking altogether or restricting an unknown amount of the CSS styles. Mobile network providers tend to use proxies for your 3G/4G connection for a variety of reasons, one or more of these proxies seems to be eating your CSS for breakfast. On Wifi, you are no longer using the mobile networks proxies, hence the 'problem' disappears.
Who is your mobile provider? Maybe you can research what their file/CSS file size limit is or find a workaround?
Here's an interesting article on the issue - mobile proxy content modification.
[/quote]
Thanks for the information, I suppose the next question is how will not turning off CSS Debug effect the performance of the store.
Just looked at the article and just happens my provider is O2.
Alan
I think I found a fix for this issue. It's something I have seen before in V3 but at the time never bothered about too much as I chose to try Twigmo instead.
Set a new cache control header in .htaccess like this:-
< files ~ "\.(css|js)$" >
Header add Cache-Control "no-transform"
Clear your site cache using yourstore.com/youradmin.php?cc or yourstore.com/youradmin.php?cc&ctpl in V4.
[quote name='StellarBytes' timestamp='1387734132' post='173931']
I think I found a fix for this issue. It's something I have seen before in V3 but at the time never bothered about too much as I chose to try Twigmo instead.
Set a new cache control header in .htaccess like this:-
< files ~ "\.(css|js)$" >
Header add Cache-Control "no-transform"
Clear your site cache using yourstore.com/youradmin.php?cc or yourstore.com/youradmin.php?cc&ctpl in V4.
[/quote]
Thanks for that, gone dossing for a week for Christmas will try on my return.
Alan
[quote name='Takestock' timestamp='1387737897' post='173933']
Thanks for that, gone dossing for a week for Christmas will try on my return.
Alan
[/quote]
I am so busy that I am only getting around to looking at this solution, but I am at a loss as to how to add this to my .htaccess file.
I did cut and paste it, but the result was my site breaking with a internal 500 server error.
Is there a certain place in the file that this needs to be placed.
Alan