Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 9, 2014 at 8:43 pm #276619
    rjflaherty

    Hello,

    I am currently developing a site, and would like to have the header remain fixed/sticky for mobile browsers, as it is for desktop.

    URL: abtlaw.ryanflaherty.us

    Any help is appreciated!!

    -Ryan Flaherty

    June 9, 2014 at 9:15 pm #276637
    Devin

    Hi rjflaherty!

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    
.html_header_top.html_header_sticky #header {
position: fixed !important;
}
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 82 !important;
}
}

    I don’t remember offhand why it was disabled originally but I know it was causing significant issues for users so just keep that in mind if you have visual bugs on mobile.

    Cheers!
    Devin

    June 9, 2014 at 10:41 pm #276703
    rjflaherty

    Thanks Devin. That worked!

    Best,

    Ryan

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Sticky header for mobile’ is closed to new replies.