Hi Tom,
Thanks a lot. I end up use this set of css.
.single-lesson .site-main,
.post-type-archive-course .site-main {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}
.single-lesson .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}
.single-quiz .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}
.single-lesson .site-main,
.single-course .site-main {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}
It works well for desktop
However, for single lesson mobile view. The content seems compress leaving a lot of space. http://www.punmai.com/lesson/smallchild/
while course page or other page works well.
Please advise. Thank you so much