Tagged: , ,

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

    My website submenu links are taking me to the wrong position when i am using iPad Air 2.
    I’m using the last version (4.4.1), only using Yoast plugin and tried to find a solution with no success.

    But the website https://pixelflips.com/blog/anchor-links-with-a-fixed-header found a solution!
    The tip is to create new color sections just above each old section, name the new section with the old ID and give the class “anchor” to each new section.
    Then, just add the CSS:

    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 2) {

    .anchor {
    display: block;
    height: 148px; /*same height as header*/
    margin-top: -148px; /*same height as header*/
    visibility: hidden; }
    }
    Where the “148px” values are the same as my website header.
    That’s it… Not perfect (creating a blank section…), but works for now…

    #994587

    Forgot to say that you have to delete the old color sections IDs once we named the new sections with this IDs…

    #994791

    Hi,

    Thanks for sharing, much appreciated. Are you ok with using the solution you described above?

    Best regards,
    Rikard

    #995156

    Yes. I prefer not to create empty sections, but it’s working…
    I didn’t find any better solution in Google and Enfold forum.

    #995314

    Hi felipe-mello,

    Glad that it’s all good.
    It’s the simplest solution for the issue, another alternative is write some js code which takes more time.
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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