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

[@seldaradoncic2034]

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

[@thepathways3632]

you constantly save my life thank you for this valuable lessons

[@shahzadshabbir7827]

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

[@Melissa_Lawrence]

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

[@supremeblix]

That solves it all... Thanks a bunch

[@DKingFisher]

Thank you very much!

[@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 :)

[@websquadron]

Glad I could help!

[@stylofoam]

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

[@websquadron]

Here you go :) Extra bit of code :) kzbin.info/www/bejne/bnaQnZKVgZl_btE

[@stylofoam]

@@websquadron hey, thanks for the quick response. Will check it out now

[@ironalikit]

Love sir ❤❤❤

[@10-Minute-Tips]

Thank you, Boss

[@krunal1921]

Thank You So Mucha

[@GeorgeWebDevCy]

Great stuff as usual.

[@jahas9359]

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 ?

[@websquadron]

You'll still need code and that video comes out on Monday with changing images, text colour of menus, icon colours, etc when you scroll.

[@jahas9359]

@@websquadron Cool. I appreciate it bro. Waiting For the tutorial👍😊

[@visualmodo]

Very good work!

[@liamswordpresstutorials]

Very helpful thank you!

[@christrealg934]

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.

[@websquadron]

On a roll at the moment. Wait till you see what I drop tomorrow. I think it's a game changer for interaction :)

[@wasiqkhan886]

Nice Man

[@ramaslan]

you just king

[@trenzystore6451]

thanks

[@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?

[@carolandmikeldean9777]

I am having the same problem. We need help please Imran 🙂

[@LytboxStudio]

Another good one 💪

[@websquadron]

Have you seen the latest one with the Human interaction. You could now do one with your dog appearing in a a video on your site!

[@LytboxStudio]

@@websquadron dude! I always thought to have Yoda(my dog) as the face of the Lytbox brand! Imma check this out. Cheers!

[@mrs.pracna5557]

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.

[@websquadron]

Oh no. Have you got a url to share?

[@mrs.pracna5557]

Thanks for looking.

[@derricklizzotte9524]

Were you able to fix this?@@mrs.pracna5557

[@afnanahmad4266]

same issue

[@AdvisoryScienceVids]

Really clear. Thanks!

[@happywebsites]

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

[@websquadron]

Add border-Color

[@terryfalchetto4919]

Crazy !!!🙌💪

[@websquadron]

Right! Please do share!

[@OsamaGhaly]

Many thanks dear for your great videos ;-)

[@BrockBarr]

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

[@websquadron]

It is a peculiar one so I’ll work on a video for that.

[@ak47marx16]

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.

[@ak47marx16]

Ah nevermind, I went automatically to advanced tab scrolling effects. Never noticed there were two, one in style and another in advanced.

[@streetfoodboy6579]

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

[@websquadron]

Sorry what do you mean? Background colour as in the Style of the Navbar? Or something else?

[@Xanthi_S]

Awesome.

[@websquadron]

Wait till you see tomorrow's video!!!!

[@Xanthi_S]

@@websquadron can’t wait 🙌

[@Anna-vk2kp]

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?

[@websquadron]

Have you got any other content on the page so that you can see if the scroll works?

[@haley5501]

I make templates in the theme builder and in my header template I only have the nav bar so the scrolling effect doesn't take effect. But, I have so many complicated navs that I want to edit separately from page.

[@devinova7231]

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

[@websquadron]

Have you got any other colours applied or CSS to the Headers?

[@devinova7231]

@@websquadron no but my header is gradient when im previewing the effect on the theme builder seems to work just fine but on the real webpage it dont work not cache also

[@jaendev]

crack!!

[@rakibulhashan6121]

If it's not working then this will work from the Elementor's official website: kzbin.info/www/bejne/hnvTaWqoosp_mas

[@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

[@sumitumak]

How can I solve this ??