How To Create A Sticky Header In WordPress - Website Learners
video description
Date: 2022-04-28
Related videos
Comments and reviews: 6
LX
Hii, thanks for the amazin tutorial.... but how abt with CSS script.
im trying on the other hand to have a transparent nav header and when scrolling the background changes to black...
i used the following script. but it just makes the background black the whole time.. when its fixed and when its scrolling.
is there soemthing that im missing?
would be thrilled if someone assists.
Thanks
.main-header-bar
position: fixed;
top: 0px;
padding: 5px 0;
width: 100%;
height: 90px;
background-color: transparent;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
z-index:1000 !important;
.main-header-bar
position: scroll;
top: 0;
left: 0;
width: 100%;
z-index: 999 !important; transition: all 0.4s ease-in-out;
background-color:rgba(0, 0, 0,.8) !important;
reply
Hii, thanks for the amazin tutorial.... but how abt with CSS script.
im trying on the other hand to have a transparent nav header and when scrolling the background changes to black...
i used the following script. but it just makes the background black the whole time.. when its fixed and when its scrolling.
is there soemthing that im missing?
would be thrilled if someone assists.
Thanks
.main-header-bar
position: fixed;
top: 0px;
padding: 5px 0;
width: 100%;
height: 90px;
background-color: transparent;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
z-index:1000 !important;
.main-header-bar
position: scroll;
top: 0;
left: 0;
width: 100%;
z-index: 999 !important; transition: all 0.4s ease-in-out;
background-color:rgba(0, 0, 0,.8) !important;
reply
luigi
usually I love your videos, but this time neither option worked for me I'm afraid!! .................... I stand corrected!!!! How could I doubt you, I simply didn't add the correct id into the 'other class or id!! Thank you so much again, sorry for doubting!!
reply
usually I love your videos, but this time neither option worked for me I'm afraid!! .................... I stand corrected!!!! How could I doubt you, I simply didn't add the correct id into the 'other class or id!! Thank you so much again, sorry for doubting!!
reply
NotableTalks
Hi, if the above procedure does not work for you then instead of primary header menu, select Other Class or ID and in the field next to it add this #masthead and then adjust the opacity, background colour and save.
reply
Hi, if the above procedure does not work for you then instead of primary header menu, select Other Class or ID and in the field next to it add this #masthead and then adjust the opacity, background colour and save.
reply
CrossBorderConnect
Even after changing the background colour, it is not showing the changes. I did save it. It only works when i go to html and edit the background colour and make the changes in Additional CSS settings.
reply
Even after changing the background colour, it is not showing the changes. I did save it. It only works when i go to html and edit the background colour and make the changes in Additional CSS settings.
reply
zb
I use this plugin with bistro food theme it's working with desktop but not on mobile .. I am much woory pls help me to solve this prob I am big fan of your videos
reply
I use this plugin with bistro food theme it's working with desktop but not on mobile .. I am much woory pls help me to solve this prob I am big fan of your videos
reply
itech
thanks for the explaining clearly. after click the menu that section/content is going behind the sticky menu. please help
reply
thanks for the explaining clearly. after click the menu that section/content is going behind the sticky menu. please help
reply
Add a review, comment
Other channel videos
