menu bar overlaps in Divi theme

Hi yjpark,

The CSS in that topic doesn’t work for your site?

#course-item-content-header, body.course-item-popup #learn-press-course-curriculum{
   top: 81px;
}

1. The css you provide

The above css is only effective on Course page. In Lesson and Quiz page, the above css is not working.

1. In Course page

1.1 Overview tab
– Top navigation area is displayed as fullwidth
– The course content is displayed with margin as I set in theme
– The price button is displayed as fullwidth
– not harmonically matched each other

1.2. In curriculum & instructor tab
– The content is displayed as fullwidth (looks ugly)

2. In Lesson and Quiz page
– The content is displayed as fullwidth. (of course, looks ugly)

How to make contents down in Lesson and Quiz page?
How to set the all pages to be appeared with fixed width?

Hi yjpark,

Can you you give me your site URL to check?

https://zinggls.co.kr/learn/login/
id: test
pw: testadmin1@#$%

Hi yjpark,

You can use this CSS code to fix it:

.scroll-wrapper.content-item-scrollable.scrollbar-light, .scroll-wrapper.curriculum-scrollable.scrollbar-light {
    top: 80px !important;
}

body.course-item-popup.wpadminbar #course-item-content-header {
    top: 112px;
}

So sorry for my mistake, please use this CSS code to fix it:

body.course-item-popup.wpadminbar #learn-press-course-curriculum, body.course-item-popup.wpadminbar #learn-press-content-item{
   top: 172px;
}

body.course-item-popup.wpadminbar #course-item-content-header {
    top: 112px;
}

Thanks, content headers work. It resolves overlapping menu issue.