Support › Forums › Flex Theme › how do I make the "site-top" area stick to the top when scrolling? › Reply To: how do I make the "site-top" area stick to the top when scrolling?
July 9, 2015 at 5:35 pm
#414
Moderator
Try this
Replace following code in style.css file
.site-top {
background: #fff;
border-bottom: 1px solid #e3e3e3;
color: #444;
display: table;
font-size: 14px;
font-family: "Roboto", sans-serif;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
vertical-align: middle;
}
with this code
.site-top {
background: #fff;
border-bottom: 1px solid #e3e3e3;
color: #444;
display: table;
font-size: 14px;
font-family: "Roboto", sans-serif;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
vertical-align: middle;
position: fixed;
top: 0;
z-index: 999;
}