codepen won’t format on website with tab bar hidden.

I tried embedding it with “hide tab bar option” on codepen, but my diag split landing page will not function correctly on my wordpress site I’m working on. I paste the code in an embed and the hide tab bar won’t hide, so it still shows the crappy codepen iframe holder. I tried pasting the HTML and CSS seperately in their own gutenberg block and it won’t work or format correctly, presumably because of the theme. I also tried to put the CSS into the overal theme appearance for this specific thing I’m working on and it still won’t format.

Is this just a theme complication where I have to toss out this old theme and try one that is compatible or not going to have CSS conflicting with what I wrote on codepen??

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer