Change the Sticky Header Background Colour with No Code - Elementor Wordpress Tutorial

What if you have a Transparent Background Sticky Header - and you want to change colour with no extra Plugin and no extra code?

Easy!

Change the Sticky Header Background Colour with No Code - Elementor Wordpress Tutorial

Indeed we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)

Equipment Used:

Music used:
Track: Will You Be Mine (Remix)
Music provided by Audio Library Plus

-- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)

PPPS: We only build with Elementor Pro

[seldaradoncic]

i love when youtubers get straight to the point. this was great, thanks!

[thepathways]

you constantly save my life
thank you for this valuable lessons

[shahzadshabbir]

You are the best man from Pakistan....❤❤

[Melissa_Lawrence]

So helpful Imran, exactly what I had planned to work on tomorrow!

[hikingsoulontrail]

Oh wow, I was looking into it and found lots of different codes, but they didn't do what I wanted to achieve: a sticky menu with different backgrounds and logo colors. And now, boom! Got it. Done it! Works! Thank you soooo much, Imran I am subscribing to your channel now :)

[stylofoam]

wow, that's great Imran. Thank you How do I combine this with also changing the text & logo color on scroll down?

[isaactaylorproductions]

Works great! However I am having an issue. Upon loading my home page, the header will be black for a split second and then immediately becomes transparent after the page has loaded. How do I fix this?

[mrs.pracna]

I tried this but and set it correctly but when I test it on my test site I get a flash of the changing color before it goes clear.

[happywebsites]

What if I want to apply it on the border color too?

[akmarx]

Why is this not working with containers? I set the header container background color white and then go to scrolling effects / transparency / fade in but the background color is always white no matter how i move the slider.

[jahas]

This is helpful👏👏. But i have one doubt. How to inter change the light logo to dark or in reverse like this. Is that possible without any code ?

[christrealg]

Hey, I'm noticing that you keep dropping more videos, keep doing your thing, am gonna watch every single one of them, and support how I can.

[Anna-vkkp]

Hey, i've followed the tutorial to change the header background on scroll but mine isn't working. The transparency effect on the header section isn't taking effect when I switch on 'Scrolling effects'. I'm using Astra theme but no other plugins at the moment as just started building the website so only working on Header and footer currently.

I've regenerated the CSS in Elementor too. Any ideas why it's not taking effect?

[BrockBarr]

I still don't understand that viewport slider. Perhaps you could do an explainer video on it

[OsamaGhaly]

Many thanks dear for your great videos ;-)

[streetfoodboy]

this is easy but can you say how to give background color to the top navbar and main menu

[devinova]

actually i do all you do but the effect dont work at all

[sumitumak]

I create header in header template in theme builder and give display condition to whole website but the transparency is not applying. It stays white all the time