Elxis CMS Forum

Extensions => Modules => Topic started by: ipghmagnet on May 13, 2015, 06:59:16

Title: Super articles , words out of the border in mobile version
Post by: ipghmagnet on May 13, 2015, 06:59:16

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

Title: Re: Super articles , words out of the border in mobile version
Post by: speck on May 13, 2015, 14:33:03

u need create your own media css classes for mobile.

Title: Re: Super articles , words out of the border in mobile version
Post by: datahell on May 13, 2015, 17:31:59

Module Super articles (https://www.elxis.net/edc/content/30.html) 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;
   }
}

Title: Re: Super articles , words out of the border in mobile version
Post by: ipghmagnet on May 15, 2015, 15:30:15

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