Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 2, 2019 at 3:24 pm #1049276
    info224

    Hi

    I am trying to get a sticky menu for the mobile and I have used the following in the Quick CSS but it is not working.

    /* Sticky header on mobile */
    @media only screen and (max-width: 767px) {
    .responsive #top #main {
    /* Margin top value should be equal to header height*/
    margin-top: 180px;
    }
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    }

    January 2, 2019 at 4:25 pm #1049304
    info224

    Hi

    I have managed to get it to stick by using

    /* Sticky header on mobile */
    .responsive #top #wrap_all #header {
    position: fixed;
    }

    However, I would like it further down the page i.e. have some padding at the top. The first one is too much.

    Thanks

    Alex

    January 2, 2019 at 5:48 pm #1049327
    info224

    Sorted thanks

    January 3, 2019 at 3:53 am #1049427
    Ismael

    Hi,

    Glad that you sorted it out. Should we close the thread then?

    Best regards,
    Ismael

    March 4, 2019 at 10:55 am #1074278
    Moaaaaya

    hello
    I want to fixed menu on mobile,so I found this topic.
    and It’s work now.
    but I think is there possible to make
    hide the menu when scroll down the web
    show the menu when scroll up the web ?
    thanks.

    March 5, 2019 at 5:36 am #1074656
    Ismael

    Hi,

    That is possible, but it will require modifications that are beyond the scope of support. Please hire a freelance developer or contact our partner, Codeable.

    // https://kriesi.at/contact/customization

    We’ll close this thread now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sticky Menu’ is closed to new replies.