Open DimuthuLakmal opened 8 years ago
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;
}
}
}
Successfully done :)
Great!
However, I can not see your pull-request.
Hi, Sorry about the delay. I made a pull request.
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?