Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1311203

    On mobile, the anchors are loading at the middle of the screen and do not get pulled up to the top of the page.

    I’ve looked through the forums and tried every solution given and nothing has worked.

    Enfold is version 4.8.4

    MenuAnchor ErrorAnchor Point

    #1312209

    Hey marleymoyer,
    Thank you for your patience and the screenshots and the link, in my testing I fould that if the anchor links are accessed directly on mobile the correctly section is scrolled to, but when your full-width submenu is used they don’t for some reason, please include an admin login in the Private Content area so we can examine closer.

    Best regards,
    Mike

    #1312512

    Thanks so much for following up, Mike.
    Yes, it only appears to be happening with the fullwidth submenu on the page.
    Here are the logins. Thanks again for taking a look! :)

    #1312732

    Hi,
    Thank you for the login but it seems to redirect me to your live site and not the testing site that we were looking at, but I went ahead and investigated, just be aware of the different domains we are now looking at, links in the Private Content area.
    Ok so when the page /programs-and-degrees/ on mobile I see that you were tring to have a sticky mobile header that had a large gap above it, so I tweeked your Quick CSS to correct:
    2021-07-27_002.jpg
    Then in my testing I found that your full-width submenu was using Display Full Menu in the Mobile Menu Display setting, your menu is quite large and was affecting the anchor link offset.
    I changed this to Display a Button which creates a burger menu for mobile.
    2021-07-27_003.jpg
    Now the anchor links in the full-width submenu land on the correct places, bring the sections to the top of the screen. Please clear your browser cache and check.
    I see that you have a javascript error with your PayPal code block at the bottom of the page, it gives this error:
    Uncaught ReferenceError: paypal is not defined please correct your javascript or remove the code block as it can cause other scripts to behave incorrectly.

    Best regards,
    Mike

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