Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 19, 2015 at 9:55 am #381596
    millertimesites

    I got my mobile header to be sticky using the Quick CSS code below, however, it keeps tucking the top of content below the header whenever I try it. This means that the sticky mobile header is cutting off part of the content before I even scroll down.
    Test Pages: http://c62.aaa.myftpupload.com/
    Any idea on what I’m missing CSS to fix this?

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

    Thanks

    January 19, 2015 at 11:57 am #381668
    Yigit

    Hi Jon!

    Please add following code to Quick CSS 

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

    Cheers!
    Yigit

    January 31, 2015 at 12:17 am #388637
    millertimesites

    Worked great for me, thanks!!!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How To Fix Spacing on Mobile Sticky Menu/Header’ is closed to new replies.