Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2018 at 5:04 pm #919754
    ginnywills

    Hi

    A few days ago I asked how to make the header stick on the phone and you gave me the following code:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    }

    That worked but I have just noticed that the content is then cut off at the top – it seems to be going underneath the header. Its most obvious on the this page: http://roadies.coach/terms-conditions/

    Help?

    Thanks

    March 1, 2018 at 8:17 pm #919862
    Vinay

    Hey ginnywills,

    To reveal the cut off content please add the below CSS

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

    Best regards,
    Vinay

    March 1, 2018 at 8:59 pm #919881
    ginnywills

    perfect!

    March 1, 2018 at 9:14 pm #919896
    Jordan Shannon

    Hi,

    I’m glad to see Vinay’s solution worked for you! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Sticky Header on Mobile’ is closed to new replies.