[Support request] woo sensei archive page course page problem

[umaporn]

Hi,

I have followed the forum and add
1) add this in function.php file
https://gist.github.com/generatepress/d34e913acad534ffaa16

– This add make all woo sensei content not overlap sidebar and navigation bar

2) add this in simple css plugin

.single-lesson .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

.single-quiz .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

– add this make single lesson view and quiz inside the container (default white container)

https://www.punmai.com/lesson/%E0%B9%80%E0%B8%A1%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B9%80%E0%B8%A5%E0%B9%87%E0%B8%81%E0%B9%86%E0%B8%95%E0%B8%B5%E0%B8%84%E0%B8%B8%E0%B8%93/

However, the course page and category page is still not inside the white container
https://www.punmai.com/courses-overview/

please advise any code to solve this

Thanks,

[Tom]

Hi there,

Can you try this CSS instead?:

.single-lesson .site-main,
.post-type-archive-course .site-main {
    background: #FFF;
    padding: 40px;
    margin-bottom: 0;
}

[umaporn]

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

[Tom]

Ah, try adding this:

@media (max-width: 768px) {
    .single-lesson .site-main {
        padding: 0;
    }
}

[Author]

Posts