Super articles , words out of the border in mobile version

[ipghmagnet]

Dear Elxis Heros,
I have set mobile front disabled.
And I view my website :www.nbvsmagnetic.com  in mobile phone.
The super articles module is not working fine. The words are out of the border and looks bad..

Pls kindly support..

Thanks..

IP GH MAGNET

[speck]

u need create your own media css classes for mobile.

[datahell]

Module Super articles needs some work on the html and the CSS to become responsive.
Remove inline CSS and use css code like that:

div.superarticles .col4_contentsup1,
div.superarticles .col4_contentsup2,
div.superarticles .col4_contentsup3,
div.superarticles .col4_contentsup4 {
   width:24%; float:left; margin:0 1% 0 0;
}

@media only screen and (max-width: 650px) {
   div.superarticles .col4_contentsup1,
   div.superarticles .col4_contentsup2,
   div.superarticles .col4_contentsup3,
   div.superarticles .col4_contentsup4 {
      float:none; width:auto; margin:0 0 10px 0;
   }
}

[ipghmagnet]

Thanks for you all.

But i am a part time web builder. I don't know where to put the above code..
I have changed my website display way to avoid this kind of problem.
Is there possible to develop this module to  apply for different templates. Just like other modules which can work well.

Best regards.

ip gh magnet