Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 29, 2022 at 7:12 pm #1374365
    woogie07

    Hi,

    is there any quick CSS that makes the top nav and secondary menu sticky on Mobile?

    Thanks

    November 29, 2022 at 8:29 pm #1374368
    Rikard

    Hey woogie07,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    November 29, 2022 at 11:21 pm #1374380
    woogie07

    Hi

    Website link in private

    thanks

    November 30, 2022 at 2:18 am #1374392
    Mike

    Hi,
    Please try this code in the General Styling ▸ Quick CSS field

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

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 1, 2022 at 11:12 pm #1374717
    woogie07

    Hi,

    Since adding the CSS, when you view on a mobile, the top of the content on each page is cut off (just under the header section)

    Please advise.

    Thanks

    December 2, 2022 at 1:49 pm #1374771
    Mike

    Hi,
    Try this css instead:

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

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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