• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

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.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

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;
}

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates