Support : Simple Pro Themes

Reply To: how do I make the "site-top" area stick to the top when scrolling?

If you have purchased a product, please enter the email address that you used to register at time of purchase.

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
Davinder Singh Kanith
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;
}