[Share] Custom Section under Header on Video Detail Page

To create a custom section under Header on Video Detail Page, you can follow these.

this will require a custom plugin

#1. Create a Page in Not Linked.

Use Name/URL: Custom Video Header - /custom-video-header

#2. Next, design the page. Here I use a simple design.

#3. Install this plugin.

https://www.will-myers.com/products/p/section-loader-supreme

You can use code: TUAN to get 10% discount.

Plugin will give you some code to Code Injection Header/Footer

#4. Hover on Video Page > Click Gear icon

#5. Click Advanced > Page Header Code Injection

#6. Insert this code

<div data-wm-plugin="load" data-target="/custom-video-header"></div>

#7. Use this code to Code Injection > Footer, under plugin code

#8. Use this code to Custom CSS box

[data-target="/custom-video-header"] {
  display: none;
  padding-top: 100px;
}
body:has(article.lesson-item) [data-target="/custom-video-header"] {
  display: block;
}

Note: 100px is space between this custom section - top of site

Result