Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1333640

    Hello
    on our new site https://vulperaresort.ch/
    the menu on the ipad is scrolled. how can this be prevented?
    on the original page, does it work?

    Thank you very much for your help, nagex

    #1333698

    Hey nagex,

    Thank you for the inquiry.

    The sidebar or header will only stick if it is NOT taller than the browser viewport. This is why the menu is not fixed and scrolls with the content on iPad landscape mode.

    You can add this css code to keep it sticky on iPad view but some of the content on the bottom part of the header might get cut off.

    @media only screen and (max-width: 1024px) {
        .html_header_sidebar #top #header {
            position: fixed;
        }
    }
    

    Best regards,
    Ismael

    #1333728

    Hello Ismael
    Thank you for your feedback

    Unfortunately, the code does not achieve the desired effect.
    are there any differences from the browser?
    Safari, Google Chrome has this bug, Firefox responds, but goes up and down from time to time?

    Thank you very much for a test, because it works on the original theme Consulting!

    Best regarts, nagex

    #1333730

    Hello again
    I have tried the following and this leads to a partial success!
    with the code I increased the value to 1280px that solves the problem?
    the maximum container width is set to 1310px. is this so correct or does it cause another problem?
    https://prnt.sc/23zd8cz

    Best regarts, nagex

    #1333870

    Hi,

    Thank you for the update.

    Are you testing it on an iPad Pro? Adjusting the max-width value should work on tablet with wider screens. And make sure to purge the cache or remove the browser history before testing the page.

    Best regards,
    Ismael

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