This post is about , create fixed top navigation menu bar on wordpress themeWordPress theme . This is actually a small css trick to put the Navigation Menu bar at top of website at fixed position.
I expect you have the div id of the navigation menu bar.
In my scenario,the div id of navigation menu is navmenu .In below code section, check the commented line /*** below lines added for top bar **/. Below this line,these CSS parameter work for fixed navigation menu bar.
Do the editing on your css file (style.css) ,where Navigation div id is mention
Given below is the CSS code
#navmenu {
background: black;
font: 1.0em "Segoe UI", "Lucida Grande", Verdana, Arial, sans-serif;
border-top:1px solid #FFFFFF;
border-bottom:2px solid whitesmoke;
border-radius:0px;
/*** below lines added for top bar **/
left: 0;
position: fixed;
top: 0;
float:left;
width:100%;
z-index: 9999;
}
Note: Use firefox plugin called firebug for troubleshooting
Hi,
I have changed your given URL with example,com .
I have seen the site. I used firefox plugin called firebug to check the code.
In CSS file, in class bannercontainer, increase the value of pixel at margin.
Given below is the example of code.
.bannercontainer {
background-color: rgba(0, 0, 0, 0);
margin: 80px auto;
position: relative;
width: 960px;
}
I hope it will work for you.
You are always welcome. 🙂
Thankyou,
Glad to know the tutorial helped you.
Kindly send me the screenshot for more understanding
Thanks and Regards
Sharad