How to Unfixed Header scroll

[Pramod Kumar]

I am using eleven40 Pro Theme on my blog Blogging Global. It is one of best Genesis Child Theme. But only one thing i don't like that the eleven40-pro theme header is fixed, that means whenever anyone scroll the page, the header remains always visible. So, the header takes some part the screen. Which sometimes creates a problem for the small screen. So how can I change fixed header to unfixed header.

http://bloggingglobal.com/

[Davinder Singh Kainth]

1. In style.css file.

change...

.site-header {
    background-color: #000;
    left: 0;
    min-height: 65px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

to...

.site-header {
    background-color: #000;
    left: 0;
    min-height: 65px;
    top: 0;
    width: 100%;
    z-index: 999;
}

2. Change...

.site-inner {
    clear: both;
    margin: 65px 0 40px;
}

to...

.site-inner {
    clear: both;
    margin: 0 0 40px;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Pramod Kumar]

Thanks brother, Its working. But is there any other way, the header scroll few pixels with the page and then become Unfixed.
Thanks again.
Blogging Global

[Davinder Singh Kainth]

Possible but would require fair bit of JS script.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Pramod Kumar]

Thanks for your reply, OK I'm satisfied with the above modification & don't like to use any other javascript.
Thanks.

[Author]

Posts