How to Create a Transparent Divi Primary & Secondary Menu

[@alainpatry]

Good thing Josh is there for all those things we still can't do out of the box with Divi!

[@aaronvpkruse4108]

Great article Josh! I love the look. FYI, you can also add/use the following to get rid of the jump you see when scrolling: .home #page-container.et-animated-content {padding-top: 0px !important; margin-top: 0px !important;}

[@17aig]

Josh, there is so much to learn from you and the way you explain it all so clear thank you !!

[@ritzp1597]

Hello, when I use DIVI global editor, header and navigation option gets disappear. Can you tell why it is happening?

[@PavakPaul]

Wow, earlier I used the custom CSS section from Page Settings within the Divi builder. .home seems like a better option as all the CSS can be organized in a single stylesheet. Thanks a lot.

[@JoshHallco]

ah yeah that's a good way to go too. But having it in the stylesheet is definitely ideal. Thanks!

[@benfrier3517]

Thanks Josh for the great tip. It is really appreciated. Can't Wait to use it in my next design!

[@JoshHallco]

Awesome, Ben!

[@SubhadipNandi]

That is what I was looking for

[@bouroudji]

Thanks Josh ! Your tutorial helped me

[@patrickyeboah570]

Any help on how I can add a background color to the menu on mobile devices without it affecting the desktop view

[@fepreve]

Thank you, Josh!

[@thenettty]

Still so very useful .. Thx

[@realrussclarke]

You are a bad ass Josh

[@VictorCubillosPedraza]

What if i can add this change for other page different to home

[@jckuehn2012]

Hi Josh! I followed your instructions on how to make changes in the stylesheet and it seemed to work fine. However, once I leave the Divi builder the header suddenly looks plain white. When I reactivate the divi builder, everything is back to how it is supposed to be. Any idea on what might be the issue here? (I've made the changes in the Child theme). Cheers!

[@airglowtcg]

The tutorial works great, the only problem I'm having is that there is a small white layer underneath my primary menu and above my fullwidth slider, and when I enter the custom CSS it just moves the image into the white space instead! Any help removing the white space would be great!

[@sktechnology522]

If I remove the .home css class from the additional css it will be working for all pages?

[@JoshHallco]

Correct!

[@goodtobehomepetsitting1246]

Josh I basically try and teach myself so never seen this inspect element tool. Does your CSS training get into that?

[@IamDoQtorNo]

Great video. Do you have a video where I could change the background of blurb icons to match gradient background of the rest of the website?

[@bpc2453]

Hey Josh - this worked for me, thanks! My only issue is how it renders in Microsoft Edge. In Edge, my header background is all white. It looks perfect in Chrome tho. Any thoughts? Thanks

[@donallong2369]

Hey Josh, Thanks for the great tutorial. It works great and looks great. Can you add a note on how to put the full screen header back in place after you remove the top padding? It doesn't work to just add the padding to the bottom, as the required amount varies depending on the screen size. Thanks. D.

[@michelescognamiglio6546]

for divi theme builder?

[@shortsbulge]

Maybe it's just me but you started with the menu done. If we didnt have it done how were suppose to get the code. So maybe I missed the begging where the whole menu was built. But not so helpful.