UI issue when landing.css is included

Question

Hi Im trying to combine code from the following two files -

op-video-event.html
demo-landing.html

demo-landing.html needs me to include the stylesheet - demos/landing/landing.css

As soon as I include this stylesheet to op-video-event.html page, the UI goes bad.
The div elements start scrolling behind the header video element. A white bar appears in mobile devices.
Please find attached the screenshots of the issue.

This issue occurs as soon as I include the landing.css.

Kindly help me out over here. How do I handle this ?

SemiColonWeb · Accepted Answer

Hello,

The Niche Demos are standalone Demos which have Custom Styling and requires the CSS to be included. Since you want the base of your Design to be of the op-video-event.html Template, you will need to Copy only the specific CSS codes (not the entire CSS) from the demos/landing/landing.css File required for the Element you are using from the Demo, and paste it in the css/custom.css File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.