Free Transparent Header Tutorial in Wordpress - OceanWP Header

[@aruyne]

A bit late to the party but... the sound of you clicking the left mouse button is kinda asmr. Good stuff.

[@robertzoufood]

I like to use Elementor Canva for this. It can be activated by clicking on the setting icon the bottom if the elementor editor and changing the page layout to Elementor Canvas. Then it automatically removes the header and footer.

[@MatthewFurman]

Awesome! I'm using Kadence, yet your tips and tricks are very relevant with that theme as well. My header looks incredible! Thank you.

[@siddi-livehappyistolivehea5311]

Thank you so much! Your videos are better than my course videos

[@Sucre414]

I like the way you say Woo-commerce and colours

[@yassinechikhi1178]

You are doing a great job dude... that's amazing .

[@karimsahraoui7216]

Thanks very helpful there is a problem with logo format in oceanwp theme it accepts only png no svg could you please help us fix this

[@kevenreis224]

Great content with great quality. Keep up the good work, Rino!

[@mattsullivan8996]

Absolutely love your videos!!

[@espedale]

Ended up going with a different theme because I could not for the life of me figure out how to disable social media and contact showing up in the mobile dropdown. Finding Neve and Astra to be MUCH more intuitive.

[@boettgg1275]

How do you make a double Top bar to put in social media icons..above the top menu??

[@maestrorobi4467]

struggling with this, anyone has a solution?

[@yusufduman8737]

Help, when ı make it transparant, the background keep staying white instead of being onthe the photo, how can ı fix it?

[@talhaaftab4284]

Love your smile bro ❤️ ❤️

[@annachino3602]

that was awesome!! thank you so much!!! I thought this worked perfectly and then you got to customizing mobile view....fantastic!!! Thanks again and have a good day, Anna

[@zeeshanasgharraza2080]

Nice Video Rino, my question is that I am using the Divi theme so I can make the same like this customized header and footer.

[@SMIXXIMS1]

When putting the description in the categories, they appear when I enter to visualize them, how do I hide them in the oceanwp theme?

[@sachcha88]

Your videos are really awesome. Short & Sweet. Thank you very much.

[@rinodeboer]

So nice of you! Thanks

[@LearnEnglishByCartoon]

thank you. But when I enter the blog pages , it disappears. How do I solve this

[@AdamElkayam]

Thank you! 1 Question please; Can I install that theme on my current Website without worried it will mess it up?

[@abedelkadersabbagh274]

Hi Thank you for this video ,I have a problem when click on header menu item shows a border surrounding the element. How i can delete header menu border? Thanks so much.

[@mhkim68]

Can this be applied to a front page only? All other pages are screwed. Thanks for your help.

[@zeroimpetuous]

How to sort the header on other pages (other than home page) getting merged with the content/body of the pages?

[@martinmelissen76]

First of all many thanks for all the good video's you put on your page. I really learned a lot. Also this video. But I have a question. Is it possible to let the header stay on the page. So when you scroll down, the logo and menu stays. Thanks again.

[@espedale]

Nice tutorial. Question: When you scroll down, does the background on the menu change to a solid dark color? It seems like white text on a transparent background would blend in too much when scrolling down the page with other light colored elements moving in behind the white text.

[@CBandara]

Thanks a lot brother, I learned a lot of things from you. You are just a more than a youtuber, keep it brother Well done 👌

[@2420-y2o]

Nice! Subscribed. How do we align the logo to the left?

[@marckogaga]

Es justo lo que estaba buscando, gracias!

[@mokarramhossain6670]

Thank you so much.... that's exactly what was I searching...

[@brokenenglish4266]

What about the readymade menus provided by oceanwp and elementor, do i need to delete them and create my own menu?

[@patrickknows2296]

This is good but do you know how we can change the menus background color upon scrool. Because when you do a scroll the menu almost not readable especially when you have section which is white

[@seavekbr7820]

You are the best. In my header stayed a white space but i will fix it haha. Thanks

[@Headheldhigh18]

Hello, Thank you for this! My background is not transparent even if i have followed these steps. Why is that? I use OceanWP and elementor the settings is transparent in customs.

[@Itsrichayo]

Always giving awesome content. Thanks mate.

[@andreasweckemann7347]

hi rino, is it also possible to change pictures in ocean wp ? ( in the hero page ) or du i need elementor to change the picture-content ? i think so.

[@trendinggadgets1054]

Awesome work. Please make one tutorial on how to choose a color scheme for website?

[@rinodeboer]

That's a nice subject. I will write that down! Thank you

[@muhammadnafis4746]

Can I use transparent header only for my homepage?

[@remiboxiplenti5788]

Hi Rino, how do I change the transparent header for other pages which do not use a dark background?

[@AwaisHunjrapk]

you made my day sir

[@ungravityfpv]

thanks boss!! So useful and free!

[@stevewildsema7657]

Thanks for help! Maybe a tutorial about making the website responsive with elementor? Are there ways to make it fast responsive?

[@zeljkomilicevic8790]

Nice Rhino , you are the man :)

[@Sean-Patrick]

You are so damn likeable. I love the relaxed way you explain.

[@olimpiadeprosperis7699]

Thanks, very interesting tutorial!

[@shesapiens]

Thanks for the tutorial! I'm wondering, how would this work with a blog entry?

[@kasparspaegle857]

I am using Woocommerce and Woocommerce is showing error message with "Show Card" button in the area of transparent header. How it can be fixed? How can i change position of Woocommerce message?

[@alimaster5292]

Why I don't have these options in my customzing bar

[@skystink]

How did you add the video in first place?

[@raphaelmutemi5387]

Thanks man, GREAT TUTORIAL!

[@eshanmohammed4644]

Hi. What size is the video content here? My video doesn't fit to the whole screen in mobile.it also doesn't autoplay. I am new to wordpress. Someone pls help.

[@darecek10]

Great my friend! Love your tutoriala so much, nice work!

[@smashed.agency]

Sir can you help me with the thing that how did you made and designed your portfolio page of the website. Hoping for a reply :)

[@SunriseSessions]

Hi Rino, I was wondering if it is possible to have the links in the menu refer to position on 1 page. In a way that the link makes the page scroll down.

[@yudianyuan3353]

Thanks so much for your tutorials! I am wondering if I can add a short sentence after the logo but before the menus? (I mean in the middle space between them) I see there is a "content after header" in the theme, but if I put the sentence there, it's actually behind the menus. Is there a way to achieve that? Thanks so much.

[@rinodeboer]

No problemo. That's possible with Elementor Pro. I also have a video on my channel about creating a transparant header with Elementor Pro. With that cool you can add any item to the menu that you want. I hope that is what you are looking for!

[@jayjayjaythebrand]

How are you using the . local domain? Is that done through WP or your host?

[@myabsolutemarketing]

Super awesome bro please continue ! And Thank You so much

[@Hissecretobsession1]

Do you have any video creationg a wordpress blog for free??

[@renspks]

Is dit ook mogelijk in Astra?

[@matinmusleh9895]

kein problem, you re doing fine with pronunciation, Bro we need to tutorial on how redesign product page and applying headers and effects on it, using free Elementor or any free plugin :)

[@matinmusleh9895]

notify me if ok :) [e-mail]

[@rodlivz]

Hey, How do you add dynamic menus onto your navigation? I struggle setting up the blog section to work on the main nav. Please share your process. Thanks

[@nunziobusiness1509]

under menus.. nest the items you want under the main item and it will become dynamic. You can also define how it pops out.

[@eldeividbass]

Thank You, very clean explanation

[@nitinsuryawanshi1889]

Hey Rino, Can you make video about how to create beautiful looking contact form using elementor

[@rinodeboer]

That's a good video idea. I will put it on my list.

[@V19Sports]

oceanwp header video url how to remove/// url not show

[@urooj_safdar]

how to create a sign up page? And how to create a payment plan before full post and half page of post show before the payment plan and other full page is show after fill the payment form plz create a video on this questions plz plz.

[@mdqmatias]

Ocean allows to add buttons on header?

[@keninorlando9]

Why would you want to change the hamburger? I thought that was the universal icon for a menu?

[@rinodeboer]

It is, but sometimes you want something a bit more creative or on-brand

[@batikmadnoor9609]

Where if i want change font?

[@brunosoares9021]

I can make the header appears just like yours in the video, but when I go back to edit my home page thru Elementor, I don't see it, making it hard to set up the other elements above the video banner. When I publish, I also see the menu on the web, only editing on elementor I don't see it. Do you know what could be the problem?? Thanks!

[@rinodeboer]

He Bruno. The problem here is that this menu technique is not an Elementor element. So that means that you don’t see it in the Elementor editor. So just make sure you add a little bit of extra space on top of each page and just imagine the menu sitting there while building the page. I myself don’t do this because I don’t like that workflow, and that’s why I use elementor pro. Because with pro you can even design the header+menu with the Elementor editor. I also have a few video’s about Elementor Pro on my channel that could be helpful. Hope I answered your question!

[@arshnarula9032]

hi man, you make a good videos and i wanna ask why don't you giveaways ,like giveaways of elementor pro ?

[@gohanfreak9593]

What works best for me is to use elementor pro with the hello elementor theme and then to create the header only with elementor pro with a "header property"

[@nunziobusiness1509]

I've been wondering if there's a theme specifically for use with Elementor. I am in early stages with a client site and am having trouble doing certain things. Maybe I'll give that a try.

[@gohanfreak9593]

@@nunziobusiness1509 yes, elementor has its own theme, its called "hello elementor"

[@renet2388]

Awesome website!

[@shilpashinde2482]

Preety useful 👍☺️

[@magdalenealva5987]

Anyone else having a problem with this? The transparent option doesn't push my content down. And also the header disappears when I go back to edit with elementor. It is only happening with the transparent option

[@vikasgarg4227]

you are a lifesaver man :)

[@rishumishra6255]

thanks

[@byeyou100]

How add free sticky header at this header?

[@rauthbitu]

How can i add underline effect when you hover over the links in navigation?

[@rinodeboer]

How do you mean exactly? Isn’t this what I explain on 7:30 minutes in the video?

[@rauthbitu]

I got the way actually i am using GP theme

[@rinodeboer]

@@rauthbitu Ah alright, This tutorial focusses on the theme OceanWP. So that will probably be different in other themes.

[@JosephMasonda]

Can you make a tutorial for parallax website

[@rinodeboer]

Sure! Good idea. I will write that one down.

[@stan5661]

Je bent een held!

[@TechnologyKiBaate]

How to fix outbackground color

[@digitvibezcsr3308]

amazing man....................>

[@webiansite5063]

Thanks Rino

[@manishakayal5494]

Hi, i'm rebuilding my site, i have used elementor and oceanwp free version, evrything is ok beside one, i have created a transparent menu using theme customiser just like your video, but whenever i click the site title it's leading me to a different post page, i can't figure out why , can i get any info on this problem ?? i didn't put any logo, just showing the site title top left. i want it to link with home page.

[@rinodeboer]

You have to set your Home page as a home page in Wordpress settings > Reading. Hope this helps!

[@manishakayal5494]

You are genius, thanks a ton 😇 it really works.. I will keep in touch with you, i will show you my work after finishing... Again thanks a lot.. Though i'm having another issue, in the google page, when im searching my site name, still showing old pages link, coz im rebuilding my site totally so those pages aren’t active, after publishing my new site will this thing update? I mean google will show the new pages, right?

[@rinodeboer]

No problemo. You have a plugin called: Search exclude, where you can exclude certain pages from the search results. I think that’s what you are looking for.

[@firash9710]

hello what the web for your hosting ?

[@rinodeboer]

He Firas. That’s livingwithpixels.com/links and then click on the Webhosting Siteground button! I also have an tutorial on this channel about it. On how to Install Wordpress on that hosting.

[@palazzoneguiseppe8281]

great 👍👍

[@vbivc]

Thank youuuuuuuuuuuuuuuuuuuuuuuuuuu!!!!!!!!!!

[@mehdiip]

thankssssss

[@healthrik2732]

Thats not exactly what are you talking about

[@jaimyvg]

Ocean we pee.

[@rinodeboer]

Lol

[@marcsmith4503]

When installing, for some reason now I have this blank right side taking up the site. Help!!! How can I make my site full screen again. Thx

[@marcsmith4503]

Nevermind, I figured it out. It was in General then Content Width. Thx. Great videos!!