Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1077796

    Hello,

    First of all, thank you for the great theme and the support. I appreciate!

    I have one issue with the sticky header. I intend to use a one page menu and for that I need to have it work always on all devices. I have been using this code:

    @media only screen and (max-width: 989px) {
    .responsive #top #wrap_all #header {
        position: fixed;
    background: white;
    }
    .responsive #top #main {
        padding-top: 131px !important;
    }
    }

    However, on (an admittedly old) iPad the header does not stick. So I am wondering whether I can simply determine that I want the header to stick always (whether it is a smartphone, tablet, computer).

    Thank you,

    Christian

    #1078239

    No idea?

    #1079058

    FYI, I think I solved it: by setting the menu items for mobile (Enfold > Main menu) to only for smartphones and adjusting the width to 767px

    #1079445

    Hi,
    Sorry for the late reply, and thank you for sharing your solution.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    #1079451

    Hi,

    Unless you have another suggestion to do it, yes. Thank you

    #1079455

    Hi,
    Sorry, I believe this is the best solution, I don’t have a better solution.
    Thanks again for sharing, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sticky header on all devices’ is closed to new replies.