Title: Transparent Header Elementor/oceanwp Last modified: October 6, 2017 --- # Transparent Header Elementor/oceanwp * Resolved [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/) * Hi all, * I’d like to add my custom header from elementor to oceanWP. I can do it but i’d like to have it transparent like the option in OceanWP theme. * Is there a way to css this!? * Thank you all Viewing 15 replies - 1 through 15 (of 31 total) 1 [2](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/page/2/?output_format=md) [3](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/page/3/?output_format=md) [→](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/page/2/?output_format=md) * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563095) * Hello, yes you can do it with CSS code, you can put a transparent background to your header via elementor, and put it in position absolute. Give me your website url if you don’t know how do to, I will give you the right code. * Thread Starter [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563117) * Hi, * I’m in local with flywheel. So the WS is not online right now. * Can you do it another way?! * Thanks! Carl * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563182) * Hi, without seen your site it would be hard, have see this video: [https://www.youtube.com/watch?v=lYDsIKv1CE0](https://www.youtube.com/watch?v=lYDsIKv1CE0) * Thread Starter [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563209) * Yes I did! * But I cannot inspect (right click) on the header… * doesn’t work * [http://71e8e41c.ngrok.io](http://71e8e41c.ngrok.io) If you want to see it * Thanks ! Carl * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563224) * I can give you the code, you want a transparent header only on your homepage or all your site? * Thread Starter [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563522) * Hi, * Well the best is that all the site has a transparent header just like the theme do. * Thank you again for your support! * Carl * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563548) * Okay, try this css code in the custom css section of the customizer: * ``` #site-header { position: absolute; top: 0; } .admin-bar #site-header { top: 32px; } ``` * Thread Starter [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563639) * Thanks! * It’s working you can check it out! * Carl * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9563653) * You’re welcome 🙂 * Thread Starter [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9577257) * HI again, * Do you know if we can minimize the header and make it sticky while we scroll down the page when we use Elementor header?! * Thank you again for your support! * Carl * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9577328) * Hi, it will require customization for the sticky, but it is possible to only stick a part of your header, for example only the navigation if it is as this demo: [https://medical.oceanwp.org/](https://medical.oceanwp.org/) * Here for more info: [http://docs.oceanwp.org/article/460-sticky-header-for-the-custom-header-style](http://docs.oceanwp.org/article/460-sticky-header-for-the-custom-header-style) * Thread Starter [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9577417) * Hi! * awesome! * thanks again. * Carl * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 10 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9577471) * You are welcome 🙂 * Thread Starter [apasdevant](https://wordpress.org/support/users/apasdevant/) * (@apasdevant) * [8 years, 8 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9707753) * Bonjour encore! * Je viens de faire l’achat du sticky header et il semble que je n’ai plus accès a un arrière plan transparent… * Malgré le fait que je copie le code que tu m’as donné. * Merci pour ton aide * Carl * Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/) * (@oceanwp) * [8 years, 8 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/#post-9707794) * Bonjour, maintenant que vous avez acheté une extension premium, vous pouvez utiliser le support premium 🙂 Donc ouvrez un ticket et incluez le lien vers votre site, je vous donnerais le code pour résoudre ce problème. Merci 🙂 Viewing 15 replies - 1 through 15 (of 31 total) 1 [2](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/page/2/?output_format=md) [3](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/page/3/?output_format=md) [→](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/page/2/?output_format=md) The topic ‘Transparent Header Elementor/oceanwp’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.2.2/screenshot.png) * OceanWP * [Support Threads](https://wordpress.org/support/theme/oceanwp/) * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/) * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/) * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/) * 31 replies * 5 participants * Last reply from: [oceanwp](https://wordpress.org/support/users/oceanwp/) * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/transparent-header-elementor-oceanwp/page/3/#post-10634307) * Status: resolved