search

vatlab / sos-docs

Documentation of SoS
MIT License
2 stars 11 forks source link

toc overlaps with body on cellphone #85

Open BoPeng opened 4 years ago

BoPeng commented 4 years ago

Not sure how to fix this. I think the toc should simply disappear on cell phone.

BoPeng commented 4 years ago

Something like this

@media screen and (min-width: 0px) and (max-width: 400px) {
    .navWrap{
        display:none;
    }
}

should be added to the toc templates.

BoPeng commented 4 years ago

This is related to bootstrap https://getbootstrap.com/docs/4.0/layout/grid/ . Basically you will need to figure out how to disable TOC or move TOC to the top on cellphone screen. Good way for you to learn css/bootstrap. Feel free to let me know if you do not think you can fix it.

@joannfeng Note that you can test this by using the develop tool of chrome, use right click-> inspect, and a cell phone button to the top left corner to show the page as if on a cellphone.