Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 5, 2024 at 6:20 pm #1466331
    vantagepointmg

    Hello,

    Is there coding available to enable the sticky menu on mobile (phone and tablet)?

    I found this;

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

    .responsive #top #main {
    padding-top: 150px !important;
    }

    #header_meta {
    display: none;
    }
    }

    But it wasn’t working on my phone.

    September 6, 2024 at 4:20 am #1466362
    Ismael

    Hey vantagepointmg,

    Thank you for the inquiry.

    The css code works fine on our end, but we don’t recommend using it because sticky headers are generally unnecessary on mobile phones. If you wish to continue, please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the css code.

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

  .responsive #top #main {
    padding-top: 150px !important;
  }

  #header_meta {
    display: none;
  }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.