Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 2, 2025 at 8:00 pm #1492040
    jimmiemoreland

    Hello, Id like the Sticky Header on MOBILE as I want my Phone number always displayed at the top when a user scrolls. I found the code below, but it doesnt do anything.

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
    position: relative;
    width: 100%;
    }
    }

    December 3, 2025 at 7:38 am #1492043
    Ismael

    Hey jimmiemoreland,

    Thank you for the inquiry.

    You can add this css code to make the header sticky on mobile. Make sure to adjust the top padding based on the header’s height.

    @media only screen and (max-width: 989px) {

  /* Add your Mobile Styles here */
  .responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: fixed;
  }

  .responsive.html_header_top #top #main {
    padding-top: 120px !important;
    margin: 0;
  }
}

    Let us know the result.

    Best regards,
    Ismael

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