I have searched for and can't get the right solution
I got this far from the following post:
Bootstrap. How to add multiple add affix attribute?
using Multiple Affix attributes
Please can someone help me with two problems:
PROBLEM 1:
http://jsfiddle.net/Spiral57/b9xTs/
#affix1.affix {
position: fixed;
background-color: #000;
width: 100%;
top: -10px;
z-index:1030;
}
#affix2.affix {
position: fixed;
width: 100%;
background-color: #000;
top: 105px;
z-index:1030;
}
#affix3.affix {
position: fixed;
width: 100%;
background-color: #000;
top: 155px;
z-index:1030;
}
@media (max-width: 767px) {
#affix3.affix {
position: fixed;
width: 100%;
background-color: #000;
top: 330px;
z-index:1030;
}
}
I need the header, navbar and navwrapper to be fixed to the top, maintaining a BLACK background.
PROBLEM 2
http://jsfiddle.net/Spiral57/wnbFf/
#affix4.affix {
position: fixed;
background-color: #fff;
right: 15px;
top: -10px;
z-index:1030;
}
#affix5.affix {
position: fixed;
width: 100%;
background-color: #fff;
top: 105px;
z-index:1030;
}
#affix6.affix {
position: fixed;
width: 99%;
background-color: #fff;
top: 155px;
z-index:1030;
}
@media (max-width: 767px) {
#affix6.affix {
position: fixed;
width: 92%;
background-color: #fff;
top: 330px;
z-index:1030;
}
}
I need the header, navbar and navwrapper to be fixed to the top, maintaining a WHITE background.
With this, I need the logo to remain on the right hand side.