Hidden text issue in mobile view

[DimuthuLakmal]

In mobile view some text are hidden in divs. I tried to correct it by changing css files. But i failed to correct it. Then i write some javascript code to detect screen width of the browser and change the layout according to it. Any other solution?

[asamalik]

Hi, thank you for reporting. I like your proposed solution. If you manage to do that without javascript, I will be happy to accept your patch!

Example code for detecting screen width: (taken from our css)

@media all and (min-width: $screen-sm-min) {
  .title{
    #page-description p {
    font-size: 14pt !important;
    height: 115px;
    display: table-cell !important;
    vertical-align: middle !important;
    padding-top: 35px;
    }
  }
}

@media all and (max-width: $screen-xs-max) {
  .title{
    img.img-circle{
      padding: 3px;
      width: 50px;
    }
    h1 {
      margin-top: 40px;
      font-size: 1.8em;
    }
    #page-description p {
    font-size: 1em !important;
    height: 70px;
    display: table-cell !important;
    padding-top: 15px;
    }
  }
}

[DimuthuLakmal]

Successfully done :)

[asamalik]

Great!

However, I can not see your pull-request.

[DimuthuLakmal]

Hi, Sorry about the delay. I made a pull request.