Shader responsive

Hello is there any way to disable shader scripts when tha device is on mobiles?and in what format i save shader scripts if i make them external?Here is the site,in desktop works well but on mobile, it slows the page, it is not seen from inspect but in mobiles.Some of the elements is running and mnake it slow

http://www.pcai.gr/1rstPhase_PP/PP_Main.html

Hi man, you can just activate or deactivate a potion of code based on CSS:

Code:

@media screen and (min-width: 480px) {
    body {
        background-color: @ff0000;
    }
}

CSS media screen are the best way to make a website or web app responsive. You can also run CSS via Javascript.

i used:

Code:

@media screen and (min-width: 480px) {
    #myScript {
        display:none;
    }
}

but it didnt work.in mobile version of the site i have hidden the canvas element,and worked only with css and html,because some mobiles where heating,when loading the page.

you cant use "#myScript" in CSS. CSS cant recognize it. You should use Javascript and the property "innerHTML" like:

javscript:
divFile.innerHTML = divFile.innerHTML + '<div class="container"></div>'

css:
@media screen and (min-width: 480px) {
.container {
display:none;
}
}

This should works

I have a thought that maybe its the custom font,not the scripts,and what do you mean by adding container class?Where?to the script?

oh yes, sorry! You can call 'container' class as you wish just like 'yourelement'. Its a simpe div which contains the code you want to hide so do that:

javascript:
divFile.innerHTML = divFile.innerHTML + '<div class="shader_script_container">here you put your shader javascript</div>'

css:
@media screen and (min-width: 480px) {
.shader_script_container {
display:none;
}
}

i can put also manually.Without js?or not

Hi Phaidonas, sorry for my late answer.
The example of WebForce is cool and answering to your question i say yes, you can write the HTML code manually without javascript if you prefer.