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;}
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.
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.
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!
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!
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
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.
Good thing Josh is there for all those things we still can't do out of the box with Divi!
Josh, there is so much to learn from you and the way you explain it all so clear thank you !!
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;}
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.
ah yeah that's a good way to go too. But having it in the stylesheet is definitely ideal. Thanks!
Thanks Josh for the great tip. It is really appreciated. Can't Wait to use it in my next design!
Awesome, Ben!
Thanks Josh ! Your tutorial helped me
That is what I was looking for
Thank you, Josh!
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?
Still so very useful ..
Thx
Hello, when I use DIVI global editor, header and navigation option gets disappear. Can you tell why it is happening?
Josh I basically try and teach myself so never seen this inspect element tool. Does your CSS training get into that?
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.
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!
You are a bad ass Josh
Any help on how I can add a background color to the menu on mobile devices without it affecting the desktop view
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!
If I remove the .home css class from the additional css it will be working for all pages?
Correct!
What if i can add this change for other page different to home
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
for divi theme builder?
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.